.travel-hero-picture {
  display: block;
}

.travel-hero.brand-hero .travel-hero-picture .brand-hero-fleet {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  object-position: 50% 50% !important;
}

.travel-hero .tourney-photo > .travel-hero-picture {
  position: absolute;
  inset: 0;
}

.travel-hero .tourney-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.travel-hero.guide-hero .travel-hero-picture img {
  object-fit: cover;
}

.travel-hero.guide-hub-hero .travel-hero-picture img {
  position: static !important;
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

@media (max-width: 720px) {
  .travel-hero.guide-hero .travel-hero-picture img {
    position: static !important;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    inset: auto !important;
    transform: none !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .travel-hero.guide-hub-hero .travel-hero-picture,
  .travel-hero.guide-hub-hero .travel-hero-picture img {
    height: 100% !important;
  }

  .travel-hero .tourney-photo {
    aspect-ratio: 3 / 4;
    min-height: 280px;
  }

  .travel-hero.spring-hero .travel-hero-picture .page-hero-img {
    position: relative !important;
    display: block;
    height: auto !important;
    aspect-ratio: 3 / 4;
  }

  .travel-hero.spring-hero .hero-photo-cta {
    height: calc(100vw * 4 / 3);
  }
}

@media (max-width: 620px) {
  .travel-hero.monthly-hero .page-actions {
    inset: auto 16px 20px !important;
    width: calc(100% - 32px) !important;
    height: auto !important;
  }

  .travel-hero.monthly-hero .page-actions .btn {
    position: static !important;
    transform: none !important;
    flex: 0 1 auto !important;
  }
}