• Lo que haremos será hacer uso de la etiqueta <picture>, dentro de ella usaremos la etiqueta <img> y por cada imagen responsive que necesitemos usaremos una etiqueta <source>, de la siguiente manera:
• En imágenes responsivas la propiedad width con valor de 100% es nuestro mejor amigo
• Pero, recuerda no encajonarla mucho y utilizar la etiqueta <picture> y/o <figure> dependiendo de la necesidad de tu proyecto..
• Ahora, si necesitas optimizar para cada dispositivo es recomendable utilizar la etiqueta <picture>.
• Esta etiqueta le da a los desarrolladores mayor flexibilidad a la hora de especificar la fuente de la imagen..
• HTML <picture> Tag
• <picture>: The Picture element
• Codigo