.block-hero-cover .overlay {
  height: 100%;
  width: 100%;
  opacity: 20%;
  background: black;

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.block-hero-cover .text-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
  .image-wrapper.custom-aspect-ratio {
    aspect-ratio: 16 / 9;
  }
}

@media screen and (min-width: 1440px) {
  .image-wrapper.custom-aspect-ratio {
    aspect-ratio: 22 / 9;
  }
}