Rounded corners on a hover box in a gallery slide

I’ve created a gallery slide with 7 square boxes that have rounded corners. Each box has a hover animation where a green square covers the box when you move the mouse over it.

The problem is that the green hover effect doesn’t have rounded corners like the boxes themselves, which makes the design look less aesthetic. It seems there’s no option in the gallery settings to adjust the corner radius for the hover animation.

Should I add some custom code to fix this? I’m considering using AI to generate the code and inserting it into the developer editor section, but I’m not sure if that’s the right approach. Also, I don’t know how to assign a unique name or class to each green