.banners-max {
    object-fit: contain;
}

.banners-min {
    object-fit: cover;
    height: auto;
    width: 100%;
    max-width: 720px;
}

.banners-min img {
    object-fit: cover;
    height: auto;
    width: 100%;
    max-width: 720px;
}


.banners-min {
    object-fit: cover;
    display: none;
}

@media (max-width: 768px) {
    .banners-min {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        object-fit: cover;

    }
    .banners-max {
        display: none;
    }
}


@media (min-width: 768px) {
    .banners-min {
        display: none;
    }
    .banners-max {
        display: block;

    }
}


.banners-min img {
    object-fit: cover;
    height: auto;
    width: 100%;
    max-width: 720px;
}