How to change the template in wp and add widgets to the right place?

Question

Landing pages

Hi all.
Link: wp.0effortthemes.com/themes/veggie/home-v2
1. If you scroll to about the middle of the page, there will be a box with products, animated icons are superimposed on it, when you hover over them, text appears. How is it possible to do such a thing?
2. If you look above this box 4 icons in a row, when you hover over them, they move forward a little. How to make the same animation? I can break the page into blocks, I can add icons in the form of a picture, but I don’t understand how to implement the animation.
Link: https://bridge156.qodeinteractive.com/
1. Approximately in the middle of the page there is a green strip down and along the edges of the photo + description. How to implement something like this? I thought just uploading it as a photo, but then optimizing for the mob. there will be no device.
Link: https://www.instacart.com/
1. In the background, it looks like an animation, how the products go (this is not a video). How to achieve this?