/* Base styling for the image widget area */
.banner-img img {
    width: 100%;
    height: auto;
    display: block;
}

/* Stacking support for multiple image widgets */
.banner-container-relative,
.banner-container-relative > .e-con-inner {
    position: relative;
    display: grid !important;
    grid-template-areas: "overlay";
    width: 100%;
}

.banner-container-relative .banner-img,
.banner-container-relative > .e-con-inner > .banner-img {
    grid-area: overlay;
    width: 100%;
}

.banner-img {
    transition: opacity 0.5s ease;
}