.c72 {
  background-image: url("../images/a_replace/2026-08-01%2015.53.06-compress.webp") !important;
  background-position: 50% 50% !important;
  background-size: cover !important;
}

/* Our Approach and Partnerships and Collaborations: the two texts stacked in one
   column, with the rotating photographs (js/photo-rotator.js) beside them. */
.about-approach {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 485px;
  column-gap: 40px;
  row-gap: 36px;
  align-items: center;
  min-height: 0 !important;
}
.about-approach > .s245,
.about-approach > .s246 {
  grid-column: 1;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
}
.about-approach-media {
  grid-column: 2;
  grid-row: 1 / span 2;
  aspect-ratio: 4 / 3;
  background-color: #e5f4e0;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .about-approach { grid-template-columns: minmax(0, 1fr) 388px; column-gap: 32px; row-gap: 28px; }
}
@media (min-width: 768px) and (max-width: 959px) {
  .about-approach { grid-template-columns: minmax(0, 1fr) 300px; column-gap: 28px; row-gap: 22px; }
}
@media (max-width: 767px) {
  .about-approach { grid-template-columns: minmax(0, 1fr); row-gap: 28px; }
  .about-approach-media { grid-column: 1; grid-row: auto; order: 1; }
}
