7.1 Portfolio: Hover, Follow Cursor Vertical Padding

Site URL: https://www.rotaterecordings.com/portfolio-3

Hi, 

I am trying to reduce the padding on my portfolio page, which I have at the moment using this code:

/* PORTFOLIO HEIGHT */
@media screen and (min-width:992px) {
.portfolio-hover {
    min-height: unset !important;
    height: 50vh !important;
}
.portfolio-hover-display {
    height: 100% !important;
    min-height: unset !important;
}
[data-section-id="627dbc08e4e4413a0d2d21f2"] {
    height: 50vh !important;
}}

The only issue is, it then effects the images on hover, where they are not placed on the words, namely; 'New Records', 'All records', 'Subscriptions', 'Bargain Bin'.

Does anyone know how I can fix this?

https://www.rotaterecordings.com/portfolio-3

Thanks in advance.