.main-banner {
  position: relative;
}
.main-banner .elements-bg {
  position: absolute;
  inset: 0;
  background: url("../img/HIA - Pattern.svg") center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.elements-bg {
  background: url("../img/hia_pattern.svg") center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 200px;
}
.banner-pattern {
position: absolute;opacity: 4%;
/* top: 107px; 
*/left: -34px;
/* filter: hue-rotate(117deg); */
}

@media (max-width: 992px) {
.banner-pattern{
display:none;
}