.banner-container {
  position: relative;
  z-index: 0;
  height: calc(
    100vh - 5rem - var(--gin-toolbar-secondary-height, 0px) -
      var(--gin-toolbar-height, 0px)
  );
}

.banner-container img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.banner-title {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  justify-content: center;
  color: #fff;
  z-index: 2;
  text-shadow: 0 0 4px #000;
}

.banner-title .h1 {
  text-align: center;
}

.banner-container .filter {
  position: absolute;
  inset: 0;
  background-color: rgb(0 0 0 / 0.2);
  z-index: 1;
}