.image-container {
    padding: 1em 0.5em 1em 0.5em;
    overflow: hidden;
    position: relative;
    background-color: rgb(249, 249, 249);
}

.block-img {
    width: 100%;
    height: 392px;
    object-fit: fill;
}

.image-gallery img {
    max-width: 100%;
    max-height: 100%;
}

.slick-dots li button:before {
    font-size: 10px !important;
    line-height: 10px !important;
}

@media only screen and (min-width: 768px) {
    .image-container {
        padding: 1em 2.5em 1em 2.5em;
    }
}

@media only screen and (min-width: 1100px) {
    .image-container {
        padding: 1em 5.5em 1em 5.5em;
    }
}

@media only screen and (min-width: 1500px) {
    .image-container {
        padding: 1em 19.5em 1em 19.5em;
    }
}