body,

    html {

      padding: 0;

      margin: 0;

      position: relative;

      height: 100%;

    }



    .gente h2 {

      width: 100%;

      color: #549207;

      font-family: 'Montserrat', sans-serif;

      font-weight: bold;

      font-size: 35px;

      text-align: center;

      

      padding-bottom: 30px;

    }



    .swiper-container {

      position: relative;

      width: 90%;

      height: auto;

    }

    .swiper-slide {

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      position: relative;

    }



    .swiper-slide img {

      display: block;

      width: 100%;

      padding-right: 20px;

    }



    @media only screen and (min-width: 769px) {

      .swiper-container {

        padding-top: 0px;

      }



      .swiper-slide:first-child {

        transition: transform 100ms;

      }



      .swiper-slide:first-child img {

        transition: box-shadow 500ms;

      }



      .swiper-slide.swiper-slide-active:first-child {

        transform: translateX(50%);

        z-index: 2;

      }



      .swiper-slide.swiper-slide-active:first-child img {

        box-shadow: 0px 32px 80px rgba(0, 0, 0, 0.35);

      }



      .swiper-slide:nth-child(2) {

        transition: transform 100ms;

      }



      .swiper-slide.swiper-slide-next:nth-child(2) {

        transform: translateX(55%);

        z-index: 1;

      }



      .swiper-container[dir=rtl] .swiper-slide.swiper-slide-active:first-child {

        transform: translateX(-50%);

      }



      .swiper-container[dir=rtl] .swiper-slide.swiper-slide-next:nth-child(2) {

        transform: translateX(-55%);

      }

    }