@media only screen and (max-width: 1200px) {
    div>img {
        width: 50%;
        height: 100%;
        object-fit: cover;
    }
}

@media only screen and (max-width: 992px) {
    div>img {
        width: 50%;
        height: 100%;
        object-fit: cover;
    }
}

@media only screen and (max-width: 768px) {
    div>img {
        width: 50%;
        height: 100%;
        object-fit: cover;
    }
}

@media only screen and (max-width: 480px) {
    div>img {
        width: 50%;
        height: 100%;
        object-fit: cover;
    }
}

@media only screen and (max-width: 320px) {
    div>img {
        width: 50%;
        height: 100%;
        object-fit: cover;
    }
}