.spa-2025-locator {
      background-color: #FBF6F3;
      border-radius: 8px;
      overflow: hidden;
      max-width: 1264px;
      width: calc(100% - 64px);
      margin: 80px auto;
      container-type: inline-size;
      --FONT-GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
          sans-serif;
      --FONT-GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica,
          Arial, sans-serif;
      --FONT-CLARINS: "ClarinsRegular", "Clarins";
  }

  @media (max-width: 761px) {
      .spa-2025-locator {
          width: calc(100% - 32px);
          margin: 40px auto;
      }
  }

  .spa-2025-locator * {
      box-sizing: border-box;
  }

  .spa-2025-locator__wrapper {
      display: flex;
  }

  .spa-2025-locator__visual img {
      display: block;
      width: 100%;
      height: auto;
  }

  .spa-2025-locator__content {
      padding: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-align: center;
  }

  .spa-2025-locator__title {
      margin: 0;
      margin-bottom: 8px;
      font-family: var(--FONT-GOTHAM-MEDIUM);
      font-weight: normal;
      font-size: 22px;
      line-height: 1.35em;
      letter-spacing: 0;
      text-align: center;
      color: #333;
  }

  .spa-2025-locator__title::before {
      content: " ";
      display: block;
      margin: 0 auto;
      margin-bottom: 4px;
      background-image: url(../img/location.svg);
      width: 32px;
      height: 32px;
  }

  .spa-2025-locator__text {
      margin: 0;
      margin-bottom: 24px;
      font-family: var(--FONT-GOTHAM-BOOK);
      font-weight: normal;
      font-size: 16px;
      line-height: 1.45em;
      letter-spacing: 0;
      text-align: center;
      color: #333;
  }

  @container (min-width: 1024px) {

      .spa-2025-locator__content,
      .spa-2025-locator__visual {
          flex-basis: 50%;
      }

      .spa-2025-locator__content {
          flex-basis: 50%;
      }
  }

  @container (max-width: 1023px) and (min-width: 762px) {

      .spa-2025-locator__content,
      .spa-2025-locator__visual {
          flex-basis: 50%;
      }

      .spa-2025-locator__visual img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: left center;
      }
  }

  @container (max-width: 761px) {
      .spa-2025-locator__wrapper {
          flex-direction: column;
      }
  }