body .image-gallery {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
    gap: 20px !important;
    padding: 20px !important;
    width: 100% !important;
}

body .image-item {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body .image-item img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 10px auto !important;
}

body .image-item a {
    display: block !important;
    text-align: center !important;
    margin-top: 5px !important;
}

@media screen and (max-width: 768px) {
    body .image-gallery {
        gap: 15px !important;
        padding: 10px !important;
    }
}