<div class="shiping-box">
   <div class="shiping-info">
     <h3 class="shiping-box-title">1</h3>
     <p class="shiping-box-text">2</p>
   </div>
   <img src="img/shiping/docs.png" class="shiping-img">
 </div>

.shiping-box:hover img.shiping-img{
    right:0;
    transition:1s;
}
.shiping-box:hover  .shiping-box-text{
    display:block;
}
.shiping-img {
    right: -10rem;
    position: absolute;
}