/* Explain: Layout utility classes for overall structure. */
.container-x {
    width: 100%;
    max-width: 72rem;
    margin-inline: auto;
    padding-inline: 1rem;
}

@media (min-width: 640px) {
    .container-x {
        padding-inline: 1.5rem;
    }
}

.media-cover {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}