.module-hero,
  .module-hero .module-wrap {
    position: relative;
    height: max(600px, calc(600 * var(--px)));
    overflow: hidden;
  }
  
  .module-hero .background-image img,
  .module-hero .background-image video {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: -1;
    transform: translateY(calc(var(--parallax-y, 0) * 10vh));
  }
  
  .module-hero .background-image::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
  }
  
  .module-hero .headline {
    text-shadow: 4px 4px 24px rgba(0,0,0,0.9);
    text-align: center;
  }
  
  .module-hero .module-wrap {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    z-index: 3;
  }
  



  @media (max-width: 800px) {
    
    .module-hero .module-wrap {
      justify-content: flex-end;
      padding-inline: var(--page-padding-left);
      padding-bottom: 100px;
      box-sizing: border-box;
    }
    
  }
  
  
  
  @media (max-width: 500px) {
    
    .module-hero,
    .module-hero .module-wrap {
      height: 100vh;
      height: 100lvh;
    }
    
  }