.navbar {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

h5{
  font-size: 4em;
  font-weight: bolder;
  color: orange;
}

.carousel-inner {
  width: 100vw;
  height: 97.5vh;
}

.carousel-inner .carousel-item {
  width: 100%;
  height: 100%;
}

.carousel-inner .carousel-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.carousel-item::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #fff 0%,#fff 0%);
    z-index: 1;
    mix-blend-mode: multiply;
    }

    .carousel-caption {
      position: relative;
      top: 30%;
      left: 20%;
      z-index: 2;
   }