.containerImgLanding {
    position: absolute;
    top: 0%;
    right: 0;
    width: 65%;
}
.postBtn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end; 
    cursor: pointer;
}
.post{
    width: 100px;
    height: 100px;
}
.postBtn p{
    font-family: "Dynalight-Regular";
    padding-right: 20px;
}
.mpmp2Modal{
    background-color: #600019;
}
.mpmp2Modal .modal-dialog .modal-content{
    background-color: black;
    
}
.mpmp2Modal .modal-dialog .modal-content .modal-header{
    border:none
}

.mpmp2Modal .modal-dialog .modal-content .modal-header .btn-close{
    background-image: url("/work/models/memorica/recursos/exposiciones/mpm2/img/xGold.svg");
    opacity: 1;
    width: 2rem;
    height: 2rem;
    background-size: 2rem;
}
.mpmp2Modal .modal-dialog .modal-content .modal-body{
    padding: 11rem;
}
.spacePost{
    margin: 8rem 0;
}
.spacePost .author{
    text-align: end;
    padding: 2rem 0;
}
.innerContent1::before,
.innerContent1::after {
  background: url("/work/models/memorica/recursos/exposiciones/mpm2/img/s2/s2_1.jpg");
}

.innerContent2::before,
.innerContent2::after {
  background: url("/work/models/memorica/recursos/exposiciones/mpm2/img/s2/s2_2.jpg");
}
.innerContent3::before,
.innerContent3::after {
  background: url("/work/models/memorica/recursos/exposiciones/mpm2/img/s2/s2_3.jpg");
}

.containerImgLanding2_1 {
    position: absolute;
    width: 30%;
    bottom:  5%;
    right: calc(27% - 30% / 2);
    box-shadow: 20px 15px 15px #000000;
    transform: rotate(-15deg);
    z-index: 3;
    /* animation:  9s infinite linear slideTopBottom;  */
  }
  
  .containerImgLanding2_2 {
    position: absolute;
    width: 23%;
    bottom: 0%;
    transform: rotate(-30deg);
    right: calc(45% - 23% / 2);
    box-shadow: 20px 15px 15px #000000;
    z-index: 2;
   
  }
  .containerImgLanding2_3 {
    position: absolute;
    width: 23%;
    bottom: 28%;
    transform: rotate(8deg);
    right: calc(35% - 23% / 2);
    box-shadow: 20px 15px 15px #000000;
    animation:  19s infinite linear slideTopBottom2;
  }

  @keyframes slideTopBottom2 {
    0% {
        transform: translateY(0)rotate(8deg); 
      }
      50% {
        transform: translateY(0)rotate(0deg); 
      }
      75%{
        transform: translateY(15px)rotate(8deg); 
      }
      100% {
        transform:translateY(0)rotate(8deg) ; 
      }
  }
@media only screen and (max-width: 1200px) {

.mpmp2Modal .modal-dialog .modal-content .modal-body{
    padding: 7rem 3rem 10rem 3rem;
}
}

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

    .containerImgLanding {
        position: absolute;
        top: 10%;
        right: calc(50% - 100% / 2);
        width: 100%;
    }
    .containerImgLanding2_1 {
        width: 40%;
        bottom:  35%;
        right: calc(30% - 40% / 2);
      }
      
      .containerImgLanding2_2 {    
        width: 33%;
        bottom: 30%;
        right: calc(60% - 33% / 2);
      }
      .containerImgLanding2_3 {

        width: 33%;
        bottom: 50%;
        right: calc(45% - 33% / 2);
      }
    }