Weird low opacity overlay on home page images, Hawley template)

Site URL: https://armadillo-ruby-cmdk.squarespace.com/config/pages/5f8c5d9346bd9a4d0f633e3a

Hey, 

I'm setting up my website so the home screen has a list of projects, and when hovered over each project an image pops up next to it. The only way i know how to do this is to make these all white full screen images, with a smaller picture that shows the project. This way it looks like just the small image is changing when hovering over different projects. 

This should work, but there is some sort of really low opacity overlay covering all my photos. So i was wondering if there was a way to remove that?

Or, If there is some way to define the size and placement of the display image that pops up when the project is hovered over so that it isn't full screen and I don't have to do the workaround mentioned above

(edit: Ive also noticed a similar overlay on images within the projects.)

Thanks!

Please send site wide password so we can have look

Perhaps he did not receive the notification

@Wijdesign Your site has password protected. Can you share access password? We can check easier.

@bangank36

@tuanphan

Hey, sorry! Site password should be: Woodville

5 hours ago, Wijdesign said:

@bangank36

@tuanphan

Hey, sorry! Site password should be: Woodville

I thought you are talking about this

.portfolio-hover-bg-overlay {
  background-color: transparent;
}