.home-container {
  position: relative;
}

.scroll-locator-container {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.key-service-box .key-service-details-container,
.key-service-box .key-service-image-container {
  flex: 1;
}

.key-service-image-container img {
  border-radius: 10px;
}

.home-marquee-1 {
  transform: rotate(-4deg);
}

@media screen and (max-width: 828px) {
  /* #landingBackgroundAnimatedDecoratorContainer {
    height: 700px;
    grid-template-columns: repeat(20, calc(10vw - 5px));
    grid-template-rows: repeat(10, calc(10vw - 5px));
  }

  #landingBackgroundAnimatedDecoratorContainer .decor-element {
    height: calc(14vw - 10px);
    width: calc(14vw - 10px);
  } */

  .intro-container h1 {
    font-size: var(--larger);
  }

  .intro-container h2 {
    font-size: var(--large);
  }

  .key-service-box {
    flex-direction: column;
  }

  .key-service-box.reverse {
    flex-direction: column-reverse;
  }

  .key-service-image-container img {
    width: 100%;
  }
}