.vertical-bottom {
  position: fixed;
    bottom: 0;
    width: 100%;
}

conteneur {
  display: flex;
  justify-content: center;
}




.image-wrap {
  width: 100%;
  height: 55vw;
  margin:   auto;
  overflow: hidden;
  position:absolute;
  top: -2.5em; bottom: 0; left: 0; right: 0;
}

.image-wrap img {
  width: 100%;
  animation: move 40s infinite ease ;
  /* Add infinite to loop. */
  
  -ms-animation: move 40s infinite ease;
  -webkit-animation: move 40s infinite ease;
  -0-animation: move 40s infinite ease;
  -moz-animation: move 40s infinite ease;
  position: absolute;
}




@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom rignt;
    -moz-transform-origin: bottom rignt;
    -ms-transform-origin: bottom rignt;
    -o-transform-origin: bottom rignt;
    transform-origin: bottom rignt;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }

 50% {
      -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;

    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */
    
    -o-transform: scale(1.2);
    /* Opera */
    
    -moz-transform: scale(1.2);
    /* Firefox */
  }


  100% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
}