/* ==========================================
   LyricsGroove Media Component
========================================== */

/* Square */

.lg-media-square{

    aspect-ratio:1 / 1;

    overflow:hidden;

}

/* Portrait */

.lg-media-portrait{

    aspect-ratio:4 / 5;

    overflow:hidden;

}

/* Hero Banner */

.lg-media-banner{

    aspect-ratio:16 / 9;

    overflow:hidden;

}

/* Universal Media */

.lg-media img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transition:
        transform .6s cubic-bezier(.22,1,.36,1),
        filter .45s ease;

}

.lg-media:hover img{

    transform:scale(1.06);

}