.section-full-bleed-image {
  padding: 0;
}

.section-full-bleed-image .full-bleed-image--grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--margin-sm);
}

@media (min-width: 768px) {
  .section-full-bleed-image .full-bleed-image--grid {
    grid-template-columns: repeat(12, 1fr);
  }
}

.section-full-bleed-image .full-bleed-image--image-wrap {
  position: relative;
}

@media (max-width: 767px) {
  .section-full-bleed-image .full-bleed-image--image-wrap {
    aspect-ratio: 3 / 2;
  }
}

.section-full-bleed-image .full-bleed-image--image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
  .section-full-bleed-image .full-bleed-image--image-wrap {
    grid-column: 1 / span 5;
  }
}

.section-full-bleed-image .full-bleed-image--content-wrap {
  max-width: 600px;
  margin-right: auto;
  padding: var(--margin-lg);
}

@media (min-width: 768px) {
  .section-full-bleed-image .full-bleed-image--content-wrap {
    padding: var(--margin-lg);
    padding-right: 0;
    grid-column: 6 / span 7;
  }
}

.section-full-bleed-image .full-bleed-image--content > :last-child {
  margin-bottom: 0;
}

.section-full-bleed-image .full-bleed-image--headline {
  font-weight: 400;
}