@media (min-width: 1024px) {
  .page-hero-with-image.triangle,
  .page-hero-with-image.no-image-triangle {
    background-image: var(--phi-bg-image);
    background-size: cover !important;
    background-position: bottom right;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
  .page-hero-with-image.no-mobile-background {
    background: rgb(253 250 243 / var(--tw-bg-opacity, 1));
    background-image: none !important;
  }
}

.page-hero-with-image .salesforce-scroll {
  max-height: 70vh;
  padding-right: 8px;
}

.page-hero-with-image .salesforce-scroll iframe {
  min-height: 600px;
}