Hover over effect on one page only for image blocks

I am trying to create a hover affect over image blocks on one page only! 

I originally tried this code but it applied to all the pages:

.sqs-image-content {
  opacity:1;
  transition:ease-in-out 300ms;
  &:hover {
    opacity:0.6;
  }
}

I'm open to create this affect on the one page or any other ones that will help make it look professional! - my website isn't live yet

You can either tweak the code to add a page ID, or put that code in the page header code injection inside style tags. Do you have a personal or business plan? Can you share your website URL and this page?

19 minutes ago, emmaburtonblog said:

The page I'm wanting this affect is the 'Interview' section

Do you want to affect a page or a section? I can't see an interview page.

This page here 🙂 - sorry not sure why it isn't coming up...

1 hour ago, emmaburtonblog said:

sorry not sure why it isn't coming up...

I can only see you website, not your dashboard and backend, so when you have a page in "not linked" it becomes tricky to find unless I know the URL or the page is linked somewhere on the website.

What is the page URL slug?

Apologies! The URL is https://www.emmaco.uk/interviews 

42 minutes ago, emmaburtonblog said:

This worked! Thank you so much 🙂 

Fantastic, can you mark my post as the solution to your question and give it a like? Thanks!

No worries! Thank you so much this code worked! 🙂 

It's not letting me mark it as the solution - I accidentally marked my own reply as it, deleted that reply to hopefully remark yours and it won't let me. Sorry!