<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<picture>
<source srcset="../images/img_smallflower.jpg" media="(max-width: 400px)">
<source srcset="../images/img_flowers.jpg">
<img src="img_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>
<p>Измените ширину браузера, и фоновое изображение изменится на 400px.</p>
</body>
</html>