El elemento <picture>
sirve para contener varias imágenes y que sea el propio navegador el que elija la más apropiada según se redimensione la ventana del navegador.
En este caso he escogido imágenes de la película de animación Shrek.
Los vídeos YouTube se integran en la página web mediante la etiqueta <iframe>
A continuación comparto el bello cortometraje DEBAJO DEL ÁRBOL inspirado en una historia real.
Las imágenes vectoriales SVG no pierden calidad de visualización en cualquier tamaño que se presenten. Es decir no hay pérdida de resolución.
(Tamaño 250 x 250 pixeles)
(Tamaño 550 x 550 pixeles)
(Tamaño 1000 x 1000 pixeles)