.healingEffect { position: absolute; left:0px; top:-5%; width:100%; height:100%; z-index:1; } #img2 img, #img3 img, #img4 img, #img5 img, #img6 img, #img7 img{ width:100%; } #img2 .healingEffect{ height:75%; } #img3 .healingEffect{ height:75%; } #img4 .healingEffect{ height:75%; } #img5 .healingEffect{ height:75%; } #img6 .healingEffect{ height:65%; top:0%; } #img7 .healingEffect{ height:80%; top:-10%; } .plusH { position: absolute; font-size: 10px; color: #00F; opacity: 0; transform: scale(0.1); animation: fadeAndGrow 2s ease-out forwards; background: -moz-linear-gradient(90deg, rgba(57,116,212,1) 0%, rgba(30,53,149,1) 100%); background: -webkit-linear-gradient(90deg, rgba(57,116,212,1) 0%, rgba(30,53,149,1) 100%); background: linear-gradient(90deg, rgba(57,116,212,1) 0%, rgba(30,53,149,1) 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; color: transparent; } @keyframes fadeAndGrow { 0% { opacity: 0; transform: scale(0.1); } 50% { opacity: 1; transform: scale(1.5); } 100% { opacity: 0; transform: scale(2); } }