<style> 

.img-box{
    height: 113px;
    width: 250px;
    justify-content: center;
    align-items: center;
    margin: auto;
    display: flex;
}

.image1{
   
    position: relative;
    transition: 0.5s ease-in-out;
}

.image2{
    position: absolute;
  
    transition: 0.5s ease-in-out;
    opacity: 0;
}

.img-box:hover .image1{
  opacity: 0;
}

.img-box:hover .image2{
   opacity: 100%;
}

.watermark{
    position: absolute;
 
}
  
  </style>