Hover *{ padding:0; margin:0; } img { width: 100%; height: auto; transition: all ease-in-out ; } img { width: 200px; height: 200px; position: relative; background-color:beige; overflow: hidden; } txt { width: 20%; height: 20%; position: absolute; bottom:150px; left: 50px; align: center; color: white; padding:10px; box-sizing: border-box; opacity: 0; } img:hover div.txt { opacity: 1; transform:translateY(50px); transition:ease-in-out 0.5s; } vat { width: 20%; height: 20%; position: absolute; bottom:150px; right: 50px; align:center; color: white; padding:10px; box-sizing: border-box; opacity: 0; } img:hover div.vat { opacity: 1; transform:translateY(50px); transition:ease-in-out 0.5s; } img:hover img { transform: scale(1.5); transition: all ease-in-out 0.5s; }