.cards .photo-one {
  background-image: url('/assets/spa-memberships-room.png');
  background-size: cover;
  background-position: center;
}

.cards .photo-two {
  background-image: url('/assets/orly-products-homepage.png');
  background-size: cover;
  background-position: center;
}

.cards .education-tile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  padding: clamp(24px, 3.2vw, 48px);
  background-color: #e4d8cc;
  background-image:
    linear-gradient(90deg, rgba(228, 216, 204, .94) 0%, rgba(228, 216, 204, .84) 58%, rgba(228, 216, 204, .68) 100%),
    url('/assets/homepage-triptych.png');
  background-size: cover, 310% auto;
  background-position: center, right center;
  background-repeat: no-repeat;
  color: #0b1016;
}

.education-tile__kicker {
  font: 600 clamp(11px, .9vw, 14px)/1.3 Arial, sans-serif;
  letter-spacing: .22em;
  color: #183149;
}

.education-tile strong {
  max-width: 9ch;
  margin-top: clamp(15px, 2vw, 28px);
  font: 400 clamp(32px, 3.3vw, 54px)/.98 Georgia, 'Times New Roman', serif;
  letter-spacing: -.04em;
}

.education-tile__rule {
  width: 48px;
  height: 1px;
  margin: clamp(18px, 2vw, 27px) 0 15px;
  background: #537b8e;
  opacity: 1;
}

.education-tile__subhead {
  font: 500 clamp(14px, 1.15vw, 18px)/1.35 Arial, sans-serif;
  color: #183149;
}