.machat-legacy-layout {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(280px, 2fr);
  grid-template-areas:
    "title photo"
    "opening photo"
    "later photo"
    "later photo";
  column-gap: clamp(32px, 4.5vw, 52px);
  row-gap: 18px;
  align-items: start;
}

.machat-legacy-title {
  grid-area: title;
  margin-bottom: -6px !important;
}

.machat-legacy-opening {
  grid-area: opening;
}

.machat-legacy-later {
  grid-column: 1;
}

.machat-legacy-photo {
  grid-area: photo;
  width: 100%;
  margin: 2px 0 0;
}

.machat-legacy-photo img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #d8d0c5;
  border-radius: 4px;
  box-shadow: 0 14px 34px rgba(12, 27, 42, 0.12);
}

.machat-legacy-photo figcaption {
  margin-top: 9px;
  color: #6b7280;
  font-family: "Libre Caslon Text", Georgia, serif;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
}

@media (max-width: 760px) {
  .machat-legacy-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "title"
      "opening"
      "photo";
    row-gap: 18px;
  }

  .machat-legacy-later {
    grid-column: 1;
  }

  .machat-legacy-photo {
    width: min(100%, 520px);
    margin-top: 4px;
  }
}