<picture>
          <source type="image/webp" media="(min-width: 1200px)" srcset="img/photo-sunset-desktop@2x.webp 2x, img/photo-sunset-desktop@1x.webp 1x">
          <source type="image/webp" media="(min-width: 768px)" srcset="img/photo-sunset-tablet@2x.webp 2x, img/photo-sunset-tablet@1x.webp 1x">
          <source type="image/webp" media="(min-width: 320px)" srcset="img/photo-sunset-mobile@2x.webp 2x, img/photo-sunset-mobile@1x.webp 1x">
          <source media="(min-width: 1200px)" srcset="img/photo-sunset-desktop@2x.jpg 2x, img/photo-sunset-desktop@1x.jpg 1x">
          <source media="(min-width: 768px)" srcset="img/photo-sunset-tablet@2x.jpg 2x, img/photo-sunset-tablet@1x.jpg 1x">
          <source media="(min-width: 320px)" srcset="img/photo-sunset-mobile@2x.jpg 2x, img/photo-sunset-mobile@1x.jpg 1x">
          <img class="gallery__img" src="img/photo-sunset-mobile@1x.jpg" alt="Просторы" width="280" height="280">
         </picture>