
@media (max-width: 767px) {
  .ts-parallax-header {
    position: sticky;
    top: 0;
    z-index: 1;
  }

  .ts-parallax-layer {
    will-change: transform, opacity;
  }

  .ts-parallax-front {
    position: relative;
    z-index: 2;
  }

  .ts-parallax-front .card {
    box-shadow: 0 -12px 32px rgba(0, 0, 0, .22);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ts-parallax-layer {
    transform: none !important;
    opacity: 1 !important;
  }
}
