.section-image>h2 {
position: absolute;
inset: 1rem 1.5rem auto;
z-index: 5;
color: #fff;
background: #0005;
padding: 0.5rem 1rem;
}
@media (min-width: 992px) {
.section-image>h2 {
padding: 1rem 1.5rem;
}
}
.section-image>.richtext .image-richtext-container {
position: relative;
margin: 0 0 1rem;
/* &:after {
content: '';
position: absolute;
inset: auto 0 -1px;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
z-index: 1;
height: 100px;
} */
}
.section-image>.richtext .image-richtext-container>div.image-container>div.image-wrapper {
max-height: 350px;
overflow: hidden;
padding: 0 !important;
}
.section-image>.richtext .image-richtext-container>div.image-container>div.image-wrapper>img {
width: 100%;
max-height: unset;
margin: 0;
}
.section-image>.richtext .image-richtext-container>figure {
display: none;
}
.section-image>.richtext>p:not(:empty) {
margin-bottom: 2rem;
}