Ajusta el contenido para cubrir por completo su contenedor usando object-fit: cover.

Internamente también aplica width: 100% y height: 100% mediante whs(100%), por lo que el elemento ocupa todo el espacio disponible antes de aplicar el recorte visual.

Interface

@mixin cover;

Ejemplo

Resultado SCSS CSS generado HTML

<div class="cover_container">
    <img class="cover_example" src="img/test/1.webp" alt="cover" />
</div>