<div>
  <img src="https://picsum.photos/id/614/800/600" />
</div>

div{
  position: relative;

  min-height: 200px;
  
  border: 1px solid #000;
  overflow: hidden;
}

img {
  position: absolute;
  top: 0;
  left: 0;

  transition: 0.5s;
}

div:hover img {
  left: 100%;
}