Lottie not working correctly on mobile (landscape and portrait)

I’m building my own business website, so this is my first project. I have this Lottie file which is working alright on big screens. However, on mobile (landscape and portrait) I have some issues

  1. The Lottie on the landscape is not fixed, no matter how big I make the height in vh.
  2. I have a white space under the Lottie on portrait, which I cant get rid of.
  3. I have a horizontal overflow starting from tablet view, and I’m not sure how to fix it.

The view-link and also the live site are attached.


Here is my public share link: LINK
(how to access public share link)