.welcome{
  overflow: hidden;
  padding: 40px 0 50px;
}

  @media screen and (min-width: 48em){
    .welcome{
      padding: 95px 0 50px;
    }
  }

  .welcome__container{
    display: flex;
    flex-direction: column-reverse;
  }

  @media screen and (min-width: 62em){
    .welcome__container{
      flex-direction: row;
      align-items: center;
    }
  }

  .welcome__text{
    width: 100%;
    padding: 75px 25px 0 25px;
    box-sizing: border-box;
  }

    @media screen and (min-width: 62em){
      .welcome__text{
        padding-right: 75px;
      }
    }

    @media screen and (min-width: 64em){
      .welcome__text{
        padding: 0;
        max-width: 500px;
      }
    }

    .welcome__title{
      font-size: 1.75rem;
      line-height: 1.27em;
      margin-top: 0;
    }

      @media screen and (min-width: 48em){
        .welcome__title{
          font-size: 2.75rem;
        }
      }

    .welcome__intro{
      font-size: 1rem;
      line-height: 1.5em;
    }

      @media screen and (min-width: 48em){
        .welcome__intro{
          font-size: 1.125rem;
        }
      }

  .welcome__carousel{
    max-width: 329px;
    width: 100%;
    margin: 0 auto;
    position: relative;
  }

    @media screen and (min-width: 48em){
      .welcome__carousel{
        max-width: 594px;
        margin: 0 auto;
      }
    }

    @media screen and (min-width: 64em){
      .welcome__carousel{
        margin: 0 0 0 auto;
      }
    }

    .welcome__carousel::before{
      content: '';
      z-index: 1;
      border-radius: 8px;
      background-color: var(--main);
      position: absolute;
      width: 329px;
      top: -20px;
      left: -20px;
      height: 100%;
    }

      @media screen and (min-width: 48em){
        .welcome__carousel::before{
          top: -37px;
          left: -35px;
          width: 572px;
          height: 388px;
        }
      }

    .welcome__carousel::after{
      content: '';
      display: block;
      z-index: 2;
      background-color: var(--main-alt);
      border-radius: 8px;
      position: absolute;
      width: 100px;
      height: 100%;
      top: -40px;
      left: 50px;
    }

      @media screen and (min-width: 48em){
        .welcome__carousel-squares::after{
          top: -70px;
          left: 100px;
          width: 206px;
          height: 420px;
        }
      }

    .welcome__carousel-squares{
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
    }

    .welcome__carousel-squares::before {
      content: '';
      display: block;
      background-color: var(--secondary);
      border-radius: 8px;
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      bottom: -20px;
      right: -20px;

    }

      @media screen and (min-width: 48em){
        .welcome__carousel-squares::before{
          right: -30px;
          top: 85px;
          width: 592px;
          height: 420px;
        }
      }

    .welcome__carousel-squares::after {
      content: '';
      display: block;
      background-color: var(--secondary-alt);
      border-radius: 8px;
      position: absolute;
      z-index: 1;
      width: 100px;
      height: 100px;
      bottom: -40px;
      right: 30px;
    }

      @media screen and (min-width: 48em){
        .welcome__carousel-squares::after{
          right: 40px;
          bottom: -67px;
          width: 199px;
          height: 420px;
        }
      }

    .welcome__carousel .slick-list{
      position: relative;
      z-index: 3;
    }


      .welcome__carousel .slick-list .slick-track{
        position: relative;
        z-index: 3;
      }