.m-multi-column--stacked {
  --grid-template-columns: [image-start content-start] minmax(0px, 1fr)
    [content-end image-end];
  --grid-template-rows: [image-start content-start] minmax(0px, 1fr)
    [content-end image-end];
  display: grid;
  grid-template-columns: var(--grid-template-columns);
  grid-template-rows: var(--grid-template-rows);
  overflow: hidden;
  isolation: isolate;
}
.m-multi-column__image-container {
  grid-area: image;
}
.m-multi-column__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.m-multi-column__content {
  grid-area: content;
  align-self: end;
  width: 100%;
  padding: 1.6rem;
  background: rgba(var(--color-background), 0.2);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
}