.containerImgLanding {
    position: absolute;
    top: 5%;
    right: calc(35% - 70% / 2);
    width: 70%;
    /* transform: rotate(-35deg); */
}
.text-intro {
    align-items: flex-end;
}
.btnCollapse{
    width: 100vw;
    height: 20rem;
font-size: 4rem;
line-height: 4.3rem;
font-family: "GrenzeGotisch-Regular";
color: #837549;
text-align: left;
text-shadow: 8px 5px 15px black;
background-image: url("/work/models/memorica/recursos/exposiciones/mpm2/img/s4/bgCollapse.jpg");
background-repeat: no-repeat;
background-size: cover;
border: none;
}
.listCollapse{
    list-style:decimal;
    font-size: 2rem;
    font-family: "GrenzeGotisch-Regular";
  font-size: 2rem;
  line-height: 2.6rem;
  color: #fff1e8;
  margin-left: 2rem;
}
.innerContent1::before,
.innerContent1::after {
  background: url("/work/models/memorica/recursos/exposiciones/mpm2/img/s4/s4_1.jpg");
}

.innerContent2::before,
.innerContent2::after {
  background: url("/work/models/memorica/recursos/exposiciones/mpm2/img/s4/s4_2.jpg");
}
.innerContent3::before,
.innerContent3::after {
  background: url("/work/models/memorica/recursos/exposiciones/mpm2/img/s4/s4_3.jpg");
}
.innerContent4::before,
.innerContent4::after {
  background: url("/work/models/memorica/recursos/exposiciones/mpm2/img/s4/s4_4.jpg");
}
.innerContent5::before,
.innerContent5::after {
  background: url("/work/models/memorica/recursos/exposiciones/mpm2/img/s4/s4_5.jpg");
}
.innerContent6::before,
.innerContent6::after {
  background: url("/work/models/memorica/recursos/exposiciones/mpm2/img/s4/s4_6.jpg");
}
.innerContent7::before,
.innerContent7::after {
  background: url("/work/models/memorica/recursos/exposiciones/mpm2/img/s4/s4_7.jpg");
}
.innerContent8::before,
.innerContent8::after {
  background: url("/work/models/memorica/recursos/exposiciones/mpm2/img/s4/s4_8.jpg");
}
.containerImgLanding4_1 {
  position: absolute;
  width: 17%;
  bottom:  15%;
  right: calc(15% - 17% / 2);
  box-shadow: 20px 15px 15px #000000;
  transform: rotate(-11deg);
  z-index: 3;
  /* animation:  9s infinite linear slideTopBottom;  */
}

.containerImgLanding4_2 {
  position: absolute;
  width: 33%;
  bottom: 10%;
  transform: rotate(48deg);
  right: calc(29% - 23% / 2);
  box-shadow: 20px 15px 15px #000000;
  z-index: 2;
 
}
.containerImgLanding4_3 {
  position: absolute;
  width: 23%;
  bottom: 25%;
  transform: rotate(-28deg);
  right: calc(35% - 23% / 2);
  box-shadow: 20px 15px 15px #000000;
  animation:  49s infinite linear slideRotate4;
}

@keyframes slideRotate4 {
  0% {
      transform: rotate(-28deg); 
    }
    30%{
      opacity: 0.7;
    }
    50% {
      transform: rotate(-8deg) ;
      opacity: 1; 
    }
    100% {
      transform:rotate(-28deg) ; 
    }
}
.containerImgLanding4_4 {
  position: absolute;
  width: 26%;
  bottom: 0%;
  transform: rotate(-15deg);
  right: calc(55% - 26% / 2);
  box-shadow: 20px 15px 15px #000000;
  /* animation:  19s infinite linear slideTopBottom2; */
}

@media only screen and (max-width: 768px) {

    .containerImgLanding {
        position: absolute;
        top: 15%;
        
        width: 90%;
    }

    .containerImgLanding4_1 {
      width: 30%;
      bottom:  30%;
      transform: rotate(20deg);
      right: calc(15% - 30% / 2);
    }
    
    .containerImgLanding4_2 {
      width: 50%;
      bottom: 30%;
      transform: rotate(70deg);
      right: calc(52% - 50% / 2);

     
    }
    .containerImgLanding4_3 {
      width: 35%;
      bottom: 41%;
      right: calc(35% - 35% / 2);
    }
    
    .containerImgLanding4_4 {
      width: 40%;
      bottom: 44%;
      right: calc(70% - 40% / 2);
      transform: rotate(13deg);
    }
    
}