.banner, .spot{ height: 150px; border-radius: 3px;//0px 0px 3px 3px ; position: relative; padding: 5px; .content{ background: $light-grey; position: relative; height: 100%; overflow: hidden; border-radius: 3px;//0px 0px 3px 3px ; .title{ position: absolute; top: 0; left: 0; font-size: $font-10; text-align: left; padding: 4px; background: rgba(0,0,0,0.5); color: white; width: 100%; z-index: 1; text-transform: uppercase; } img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: .4s; } } &:hover{ .content{ img{ transform: scale(1.2); } } } } .banner{ height: 90px; margin-bottom: 4px; padding: 0; } .contacts{ padding: 15px 25px; font-size: $font-12; .fa{ color: $green; width: 25px; font-size: $font-16; height: 25px; } b{ color: $green; } }