Trouble with positioning and masking image

Hey guys, I recently took a course on webflow and am recently working on my first dummy project. I would really appreciate any help I can get haha.

On the 3rd section of my read-only link, I am having trouble placing another arrow (exported arrow image from Figma), pointing downwards from Step 2 to Step 3.

Also, I tried making the arrow shorter so that it is able to fit in between, within 60 pixels or so, in line with my Figma design, but it messes with the aspect ratio of the image, making it very small.

Is there any way I can:

  1. Fit it in between the two flexboxes
  2. Mask the arrow’s butt so that the aspect ratio remains?

Thanks for reading!

Here is my site Read-Only: [LINK](https://preview.webflow.com/preview/traviss-blank-site-0c6855?utm_medium=preview_link&utm_source=designer&utm_content=traviss-blank-site-0c6855&preview=1abbed8d9316b4023fcd97ded79f115e&workflow=preview)
(how to share your site Read-Only link)