Hover to work on mobile while scrolling

As you can see on the home page of my website on desktop view (https://www.selinozderici.com) I have an overlay on my portfolio grid that shows images when hovered over. I have been trying for months to make the same effect for the mobile version of my website. I was told that the code would be more complicated, a mix of CSS and javascript and I have a hard time understanding how I should place those codes. I read about  "touchstart" and "touchend" concepts however don't know how to apply them as I'm fairly new to coding!!

I found that the mobile version of https://www.brethrendesignco.com/work has achieved this, when you scroll past the tiles the tile changes without you tapping or holding down a tap. I just need that effect to be the same as my desktop version! Can this be done? Thanks!

You can touch the blocks whilst scrolling (at least on Android) and the images appear, but it's not an intuitive experience, it also hides the title which I'm not generally a fan of (on Desktop or Mobile). 

I've not got a great way to get around this but I would think that a mobile experience where you can see both the image and title without having to interact would be ideal.

Looking for the same thing