Portfolio Page "Hover: Follow Cursor" Desktop vs Mobile sizeing

Site URL: https://www.samdanan.com/

Hi everyone! 

I'm working on a portfolio website right now, and I am using a portfolio page to house some projects. I want to use the "hover: follow cursor" effect, but one thing I'm having issues with is the type size/leading on mobile vs desktop. Here is the desktop, which we are liking:  

vs the mobile:

On mobile we feel like the line's are too spread out to read clearly, but when we close them up it adjusts the desktop too and makes them too close together. Ideally we would love to decrease the type size and spacing on mobile to make it easier to read.

Any help on how to get this done? The website link is www.samdanan.com and the pw is "butter"

Thanks so much!! 

2 hours ago, carocog said:

Site URL: https://www.samdanan.com/

Hi everyone! 

I'm working on a portfolio website right now, and I am using a portfolio page to house some projects. I want to use the "hover: follow cursor" effect, but one thing I'm having issues with is the type size/leading on mobile vs desktop. Here is the desktop, which we are liking:  

 

vs the mobile:

 

On mobile we feel like the line's are too spread out to read clearly, but when we close them up it adjusts the desktop too and makes them too close together. Ideally we would love to decrease the type size and spacing on mobile to make it easier to read.

Any help on how to get this done? The website link is www.samdanan.com and the pw is "butter"

Thanks so much!! 

Could you see if this works

@media only screen and (max-width: 640px) {
    .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title {
        font-size: 3rem;
        line-height: 1em;
    }
}