.main .main-1 {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  position: relative;
  z-index: -1;
}

.main .main-1-background {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
}

.main-1-text {
  display: none;
}

.main .main-1-overlay {
  display: none;
}

.main .main-1 .text-deco-1 {
  font-size: 3rem;
  margin: 3rem;
}

.main .main-1 .text-deco-2 {
  font-size: 2rem;
  margin: 0.5rem 2rem;
}


@media (max-width: 900px) {
  .main .main-1 {
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    overflow-x: hidden;
  }
  .main .main-1-background {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    position: absolute;
    height: 80vh;
    height: calc(var(--vh, 1vh) * 80);
    width: 100vw;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    transform: scale(1.2);
    z-index: 4;
    display: none;
  }
  .main .main-1-overlay {
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 130%;
    position: absolute;
    height: 80vh;
    height: calc(var(--vh, 1vh) * 80);
    width: 100vw;
    z-index: 5;
  }

  .main-1-text {
    display: flex;
    align-items: flex-end;
    z-index: 10;
    position: relative;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    left: 1rem;
    bottom: 1rem;
  }
  .main-1-text .main-1-text-1 {
    font-family: "GreatVibes";
    font-size: 2.6rem;
    color: white;
  }
}