Unwanted blank space adding when image is hovered

Hi everybody

After removing the hover effect by modifying enfold/css/base.css – lines 350 to 356 to :

.image-overlay{display:none;}

.image-overlay .image-overlay-inside{display:none;}

.image-overlay .image-overlay-inside::before{display:none;}

.image-overlay .image-overlay-inside::before{display:none;}

.image-overlay.overlay-type-extern .image-overlay-inside::before{display:none;}

.image-overlay.overlay-type-video .image-overlay-inside::before{display:none;}

#top .hide-inner-overlay .image-overlay-inside{display: none;}

when the image is hovered a blank space appears under it like in: http://sublimearchitecture.ca/services/

I tried

#top.image-overlay {

display:none;

}

but didn`t do nothing. What can I do ?

Thanks in advance for the support

Thanks for the great Enfold theme. Best one we used so far!

Best Regards