Project help need on revealing animation

Design help Animations & Interactions
1

i want the image revealing to on the right side to be the same as on the left . i dont know what im doing wrong . i kept the image on a div called circle

project link

2

Hi there,

To create perfectly circular images in Webflow, you’ll need to apply specific styling to both the container and the image itself. Here’s how to set it up:

  1. Place your image inside a Div block
  2. Style the Div block:
    • Set equal height and width (e.g., 400px)
    • Set border radius to 50%
    • Set overflow to hidden
  3. Style the image:
    • Set both width and height to 100%
    • Set object-fit to cover

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

but then the revealing wont be as i want