Black space around image in a slider component

Hi all,

I have a problem I can’t seem to rectify.

On page load, the hero images at the top have an animation applied to them. Once the animation has finished, the image is shown on the screen as expected but with unwanted black space around the image.

How do I remove this black space and have the image fill the area after the animation?

Many thanks,
John


Here is my site Read-Only: LINK
(how to share your site Read-Only link)