* {
       box-sizing: border-box;
   }

   body,
   html {
       margin: 0;
       padding: 0;
       overflow-x: hidden;
   }

   .section {
       position: relative;
       /* height: 100vh; */
       /* width: 100vw; */
       overflow: hidden;
   }

   .parallax-bg {
       position: absolute;
       top: 0;
       left: 0;
       height: 100%;
       width: 100%;
       background-size: cover;
       background-position: center;
       transform: scale(1);
       transition: transform 0.1s ease-out;
       will-change: transform;
       z-index: 1;
       background-size: auto;
       background-repeat: no-repeat;
   }

   .content {
       position: relative;
       z-index: 1;
       color: white;
       text-align: center;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       height: 100%;

   }

   @media (min-width: 1921px) {}