<section class="supt-section-image">
<div class="supt-section-image__image">
<img src="/sites/gv/files/flmngr/hero-text-media.webp" alt="esg image" />
</div>
</section>
No notes defined.
<section class="supt-section-image">
<div class="supt-section-image__image">
<img src="{{ path(image.src) }}" alt="{{ image.alt }}"/>
</div>
</section>
{
"image": {
"src": "/sites/gv/files/flmngr/hero-text-media.webp",
"alt": "esg image"
}
}
.supt-section-image {
@mixin clamp padding-block, $spacing-8, $spacing-16, $breakpoint-xs, $breakpoint-xl;
background-color: $color-grey-background;
&__image {
img {
width: 100%;
height: 100%;
aspect-ratio: 16/9;
object-fit: cover;
}
}
}