HTML/CSS: vídeo, audio e imagen

Para ver el efecto responsive, modificar el tamaño de la ventana del navegador. Debería cambiar la imagen según varía el ancho de la ventana.

Imágenes responsive con tag <picture>

dibujo

Vídeos de YouTube

Imágenes vectoriales SVG

Hay distintas formas de insertar un gráfico SVG, yo he optado aquí por la directa, usar el tag <svg> de HTML5. Otras opciones serían tener un fichero dibujo.svg independiente y llamarlo desde un tag <object> o <img>.