showcar-ui/src/05-layout/docs/responsive-images-picture.html

Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.

<picture>
    <source srcset="https://placehold.it/468x150" media="(max-width: 468px)">
    <source srcset="https://placehold.it/780x150" media="(max-width: 780px)">
    <source srcset="https://placehold.it/1024x150" media="(max-width: 1024px)">
    <source srcset="https://placehold.it/1400x150">
    <img srcset="https://placehold.it/1400x150" alt="My default image">
</picture>