ROBEX

Need help with banner slideshow resizing on mobile. I have a slideshow on my home page that scrolls through 3 images, each with a short title over top and a button with link to their respective pages. With no code, the mobile view is too tall and crops off too much of the image. I've tried some code but the titles keep getting cut off and the images still too cropped. I'm looking for some code to resize the image, text, and button all together (Similar to this site: https://www.lechase.com/) This is literally my last step before going live. Any ideas? Link to page: https://ray-bullfrog-j67x.squarespace.com/

@tuanphan That worked! Huge help. Thank you!

Link to page: https://ray-bullfrog-j67x.squarespace.com/config/ @tuanphan

New to CSS. Basically, I have a text block over an image block. I have already added some hover effects to the image block (scale image on hover, remove overlay on hover) but I need those effects to also work when I hover over the text block (see screenshots below). Any help is much appreciated! Note: the image also has a clickable link to another page on the website that I need to preserve as well. Link to page: https://ray-bullfrog-j67x.squarespace.com/config/