.image-with-gradient {
    position: relative;
    display: flex;
}

.image-with-gradient img {
    border-radius: 20px;
    max-width: 500px;
    width: 100%;
    position: relative;
}

.image-with-gradient .img {
    position: relative;
}

.image-with-gradient .gradient {
    --gradient-padding: 173px;
    position: absolute;
    background-image: url(../images/image-gradient-backdrop.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* width: calc(100% + (var(--gradient-padding) * 2)); */
    /* height: calc(100% + (var(--gradient-padding) * 2)); */
    top: calc(var(--gradient-padding) * -1);
    bottom: calc(var(--gradient-padding) * -1);
    left: calc(var(--gradient-padding) * -1);
    right: calc(var(--gradient-padding) * -1);
}

.elementor-section.elementor-top-section,
[data-col="100"].elementor-top-column {
    overflow-x: clip;
}

.elementor-col-50 ~ .elementor-col-50 .image-with-gradient .wrapper,
[data-col="50"] ~ [data-col="50"] .image-with-gradient .wrapper {
    margin-left: auto;
}

.elementor-col-50 .image-with-gradient .wrapper,
[data-col="50"] .image-with-gradient .wrapper {
    margin-right: auto;
    margin-right: 0;
}

@media (max-width: 767px) {
    .image-with-gradient .wrapper { 
        margin: auto !important;
    }
}