.cie-hero-mobile-media {
display: none;
}
@media (max-width: 767px) {
.elementor-element.elementor-element-1d3ba29.cie-responsive-home-hero {
flex-direction: column;
gap: 0;
}
.cie-responsive-home-hero > .cie-hero-mobile-media {
display: block;
position: relative;
width: 100%;
height: var(--cie-hero-mobile-height, 380px);
flex: 0 0 auto;
overflow: hidden;
pointer-events: none;
}
.cie-hero-mobile-media > img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
object-position: center center;
opacity: 0;
transition: opacity 500ms ease;
}
.cie-hero-mobile-media > img.is-active {
opacity: 1;
}
.cie-hero-mobile-media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom, #fff 0%, transparent 25%, transparent 60%, #fff 100%);
}
}
@media (prefers-reduced-motion: reduce) {
.cie-hero-mobile-media > img {
transition: none;
}
}