.hero-image {
  background-image: url("assets/thay-hero-studio-v3.png");
  background-position: center;
}

.path-card-image {
  background: url("assets/generic-beauty-workspace.png") 64% center / cover no-repeat;
}

.path-card-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(25, 18, 18, 0.88), rgba(25, 18, 18, 0.45));
  pointer-events: none;
}

.path-card-image > * {
  position: relative;
  z-index: 1;
}

.story-image {
  background: url("assets/thay-editorial-portrait-v3.png") center 28% / cover no-repeat;
}

.ad-a {
  background: url("assets/thay-red-smile.jpeg") 58% 28% / cover no-repeat;
}

.ad-b {
  background: url("assets/generic-beauty-workspace.png") 62% center / cover no-repeat;
}

.ad-c {
  background: url("assets/thay-white.jpeg") center 22% / cover no-repeat;
}

@media (max-width: 720px) {
  .hero-image {
    background-position: 68% center;
  }

  .story-image {
    background-position: center 24%;
  }
}