.experience-layouts-responsive_image {
    margin-bottom: 0px !important;
}

.responsive-image-component {
    max-width: var(--max_width);
    margin: var(--top_margin) auto var(--bottom_margin) auto;
}

.responsive-image-img {
    display: block;
    width: 100%;
}

.responsive-image-mobile {
    display: none;
}

.responsive-image-link {
    display: block;
}

.responsive-image-link-height-set,
.responsive-image-height-set {
    display: block;
    position: relative;
    padding-bottom: var(--image_desktop_aspect_ratio);
}

.responsive-image-img-height-set {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.responsive-image-mobile-height-set {
    display: none;
}

@media screen and (max-width: 500px) {
    .responsive-image-component {
        margin: var(--top_margin_mobile) auto var(--bottom_margin_mobile) auto;
    }

    .responsive-image-desktop,
    .responsive-image-desktop-height-set {
        display: none;
    }

    .responsive-image-mobile,
    .responsive-image-mobile-height-set {
        display: block;
    }

    .responsive-image-link-height-set,
    .responsive-image-height-set {
        padding-bottom: var(--image_mobile_aspect_ratio);
    }
}