.body {
background-color: rgb(59,157,230);
  height:100%;
  width: 100%;
  }

.plan {
  background-image: url(../img/cap.jpg);
  background-size:100% 100% ;
  background-repeat: no-repeat;
  background-position: center;
  background-position: top;
  height:100%;
  width: 75%;
  margin: auto auto;
}
.show-sold {
  margin-top: 25%; /* Place le bouton en bas de la colonne */
}
  .container .row:nth-child(odd) {
    flex-direction: row-reverse;
  }
  
  .container .row:nth-child(even) {
    flex-direction: row;
  }
.kameha {
    position: absolute;
    top:-17%;
    left:-24%;

}

.gif {
    width:36em

}

.col-lg-6 {
    position: relative;
}



@keyframes slideInRight {
    from {
      transform: translateX(20%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  .price_sold {
    animation: slideInRight 1s ease-in-out;
    animation-fill-mode: forwards; /* Pour conserver la position finale de l'animation */
  }

@keyframes slideInLeft {
    from {
      transform: translateX(-20%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  .percent {
    animation: slideInLeft 1s ease-in-out;
    
color: #ff0000;
text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #ff0000, 0 0 30px #ff0000, 0 0 40px #ff0000, 0 0 55px #ff0000, 0 0 75px #ff0000;
font-size: 2em;
font-weight: bolder;


    animation-fill-mode: forwards; /* Pour conserver la position finale de l'animation */
  }
#final {
    
   }

.name {

}

.sold {
  position: relative;
}