.hero-build {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 620px;
   max-width: 52vw;
   z-index: 0;
   opacity: 0.28;
   pointer-events: none;
   will-change: transform, opacity;
}

.hero-build__art {
   display: block;
   width: 100%;
   height: auto;
}

.banner .container {
   position: relative;
   z-index: 2;
}

@media (max-width: 1599px) {
   .hero-build {
      width: 540px;
   }
}

@media (max-width: 1299px) {
   .hero-build {
      width: 460px;
      max-width: 54vw;
      opacity: 0.24;
   }
}

@media (max-width: 991px) {
   .hero-build {
      width: 380px;
      max-width: 62vw;
      opacity: 0.18;
   }
}