Sabemos que las imágenes desempeñan un papel crucial en una página web. Ayudan a mostrar el contenido de forma eficaz y clara. A veces, la imagen del contenido puede tener un tamaño mayor o menor que el contenedor en el que debe mostrarse, o su relación de aspecto puede ser diferente de la del contenedor. Estudiaremos cómo mostrar una imagen de la mejor manera.

object-fit

object-fit especifica como una imagen debe ser redimensionada para encajar en su contenedor. ``css object-fit: fill | contain | cover | none | scale-down;

object-position

object-position especifica la posición de la imagen dentro de su contenedor. Acepta dos valores: un valor horizontal y un valor vertical o podemos usar palabras reservadas. ``css object-position: x y; ```