.media-image-wrapper {
    width: 100%;
    aspect-ratio: 4 / 3;
    height: 100%;
}

.media-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    filter: brightness(0.85);
}

    .media-img.mobile {
        display: none;
    }

@media (max-width: 992px) {
    .media-img.desktop {
        display: none;
    }

    .media-img.mobile {
        display: block;
    }
}