.image-hover-container { display: inline-block; position: relative; width: 100%; .image-default { display: block; } .image-hovered { display: none; } &:hover .image-hovered { display: block; } &:hover .image-default { display: none; } }