.about{ .block{ h2 { padding-top: 30px; padding-bottom: 30px; margin:0; } h3 { padding-top: 30px; padding-bottom: 50px; margin:0; } p { padding-top: 20px; line-height:28px; } img { width: 100%; } } .about-img { position: relative; overflow: hidden; img { display: block; width: 100%; transition: opacity 0.5s ease-out; } .hover-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease-out; } &:hover .hover-img { opacity: 1; } &:hover img { opacity: 0; } } .section-title { margin-bottom: 0px; } }