.bisiesto-block.b-sticky-scroll{

position: relative;

}
.bisiesto-block .b-sticky-scroll__wrapper{
    padding: 40px 0;
  }
.bisiesto-block .b-sticky-scroll__intro{
    display: grid;
    gap: 8px;
    margin-bottom: 24px;
  }
.bisiesto-block .b-sticky-scroll__image{
    max-width: 100%;
    height: auto;
  }
.bisiesto-block .b-sticky-scroll__image-box{
    display: none;
  }
.bisiesto-block .b-sticky-scroll__list{
    display: grid;
    gap: 24px;
  }
.bisiesto-block .b-sticky-scroll__item{
    display: grid;
    gap: 16px;
  }
.bisiesto-block .b-sticky-scroll__text-wrapper{
    display: flex;
    gap: 24px;
  }
.bisiesto-block .b-sticky-scroll__progress-box{
    width: 2px;
    background-color: var(--wp--preset--color--accent);
    height: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
@media only screen and (min-width: 768px){
    .bisiesto-block .b-sticky-scroll__wrapper{
      position: sticky;
      top: 0;
      height: 100lvh;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .bisiesto-block .b-sticky-scroll__intro{
      padding-top: 90px;
    }

    .bisiesto-block .b-sticky-scroll__content{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      align-items: center;
    }

    .bisiesto-block .b-sticky-scroll__list{
      max-width: 467px;
      flex-grow: 1;
    }

    .bisiesto-block .b-sticky-scroll__title{
      opacity: 0.3;
    }

    .bisiesto-block .b-sticky-scroll__progress-box{
      visibility: hidden;
      background-color: var(--wp--preset--color--black);
    }
    .bisiesto-block .b-sticky-scroll__progress-bar{
      background-color: var(--wp--preset--color--accent);
      width: 100%;
    }
        .bisiesto-block .b-sticky-scroll__item.js-active .b-sticky-scroll__progress-box{
          visibility: visible;
        }

        .bisiesto-block .b-sticky-scroll__item.js-active .b-sticky-scroll__title{
          opacity: 1;
        }


    .bisiesto-block .b-sticky-scroll__image{
      display: none;
    }

    .bisiesto-block .b-sticky-scroll__image-box{
      display: block;
      justify-self: end;
    }
      .bisiesto-block .b-sticky-scroll__image-box img{
        max-width: 100%;
        height: auto;
      }
}