.m-image-wide { position: relative; margin: 0; }
.m-image-wide figure {
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: var(--color-bg-alt);
}
.m-image-wide--ar-3-1 figure  { aspect-ratio: 3 / 1; }
.m-image-wide--ar-4-1 figure  { aspect-ratio: 4 / 1; }
.m-image-wide--ar-5-1 figure  { aspect-ratio: 5 / 1; }
.m-image-wide--ar-16-9 figure { aspect-ratio: 16 / 9; }
.m-image-wide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.m-image-wide figcaption {
    position: absolute;
    inset: auto var(--space-5) var(--space-4) var(--space-5);
    color: var(--color-text-inverse);
    font-size: var(--fs-sm);
    letter-spacing: 0.04em;
    text-shadow: 0 2px 12px rgba(0,0,0,0.5);
    text-align: right;
}
@media (max-width: 720px) {
    .m-image-wide--ar-3-1 figure,
    .m-image-wide--ar-4-1 figure,
    .m-image-wide--ar-5-1 figure { aspect-ratio: 16 / 9; }
    .m-image-wide figcaption { font-size: var(--fs-xs); inset: auto var(--space-4) var(--space-3) var(--space-4); }
}