.es-image-gallery-container .container {
    max-width: 100%;
}

.es-image-gallery-container .row {
    margin-top: -32px;
}

.es-image-gallery-container .es-gallery-image {
    background-color: var(--color-off-white);
    border:           1px solid var(--color-grey-light) !important;
    border-radius:    20px;
    display:          block;
    margin:           30px 0 0 0;
    max-width:        100%;
    overflow:         hidden;
    padding:          0 0 1px 0;
    text-align:       center;
    text-decoration:  none;
    transition:       background 0.4s ease, border 0.4s ease;
}

.es-image-gallery-container .es-gallery-image.es-border-0 {
    border: 0 !important;
}

.es-image-gallery-container a.es-gallery-image {
    background-color: var(--color-white);
    border-color:     var(--color-grey-light); !important;
}

.es-image-gallery-container a.es-gallery-image:focus,
.es-image-gallery-container a.es-gallery-image:hover {
    background-color: var(--color-brand-primary) !important;
    border-color:     var(--color-brand-primary) !important;
}

.es-image-gallery-container .es-gallery-image img {
    display:    block;
    left:       0;
    margin-top: 0 !important;
    position:   absolute;
    top:        0;
    transition: opacity 0.4s ease;
    width:      100%;
}

.es-image-gallery-container .es-gallery-image .es-animated-image-item {
    opacity: 0;
    z-index: 2;
    user-select:         none;
    -webkit-user-select: none;
}

.es-image-gallery-container .es-gallery-image .es-animated-image-item.es-visible {
    opacity: 1;
}

.es-image-gallery-container .es-gallery-caption {
    color:       var(--color-grey-darker);
    display:     block;
    font-size:   16px;
    font-weight: 400;
    line-height: normal;
    margin:      16px;
    text-align:  center;
    transition:  color 0.4s ease;
}

.es-image-gallery-container a.es-gallery-image:focus .es-gallery-caption,
.es-image-gallery-container a.es-gallery-image:hover .es-gallery-caption {
    color: var(--color-white) !important;
}


@media (min-width: 768px) {
    .es-image-gallery-container .es-gallery-caption {
        font-size: 18px
    }
}