Kaz92

Hey guys, I'm looking for some help with a custom CSS code for my Squarespace website. Here is the link: https://prism-pumpkin-mj3a.squarespace.com/work. I'm looking to add some hover effects to the 10 video blocks that you see on the website. On each block, I would like a slight zoom-in, accompanied by a text overlay of the title of the video when hovered over. I’ve managed to get the hover effects for the video thumbnail alone by working through custom CSS. However, I’ve had no luck in getting a text overlay working. Could someone help with this? Also to note, both the text overlay and video thumbnail hover effects would need to stop once the video has been clicked. Here is the code I have so far: .sqs-block-content { position: relative; overflow: hidden; } .sqs-block-content .intrinsic { width: 100%; height: auto; transition: all 0.3s ease; } .sqs-block-content:hover .intrinsic { transform: scale(1.1); transition: 0.3s; filter: opacity(80%); } Would appreciate some help with this at the earliest! Thanks a bunch -Kaz