Utilización de imágenes responsive con la etiqueta <picture>.
Si el ancho de la pantalla es superior a 1100 px, se mostrará la imagen de una sandía. Si no es superior a 1100 px pero sí a 300 px, mostrará la imagen de una fresa. Si tu pantalla tiene un ancho menor que 300 o tu navegador no soporta la etiqueta <picture> verás una mora (o el texto "mora" si tu navegador no puede mostrar esta imagen).
