.hero-gap {
  position: relative;
  width: 100vw;
  height: 100vh;      /* fallback for Edge/Firefox */
height: 100svh;     /* modern browsers */
  overflow: hidden;
    display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
}