@media screen and (max-width: 768px) {
  .welcome-container {
    height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background-color: #e6faf3 !important;
    overflow: hidden !important;
  }

  .layer {
    background-size: cover !important;
    background-position: center bottom !important;
    inset: -10% !important;
  }

  .content {
    margin-bottom: 100px !important;
    padding: 20px !important;
    z-index: 20 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .title {
    gap: 0px !important;
    margin-bottom: 25px !important;
  }

  .title-top {
    font-size: 38px !important;
    line-height: 1.2 !important;
  }

  .title-bottom {
    font-size: 46px !important;
    line-height: 1.2 !important;
    margin-top: -5px !important;
  }

  .get-started-btn {
    padding: 16px 50px !important;
    font-size: 18px !important;
    border-radius: 50px !important;
    height: auto !important;
    width: auto !important;
    line-height: normal !important;
    display: inline-block !important;
    box-shadow: 0px 10px 30px -10px #00FFAA !important;
    background: #FFFFFF !important;
    color: #15875F !important;
  }
}

@media screen and (max-width: 1200px) {
  .layers {
    display: none !important;
  }

  .welcome-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/static/images/phone-welcome-screen.png");
    background-repeat: no-repeat !important;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    pointer-events: none;
  }

  .content {
    z-index: 10 !important;
  }
}