Next.js Slideshow Image Height Issue on Desktop & Mobile

Hello everyone,
I'm building a website using Next.js, Tailwind CSS, and the Next.js Image component, but I'm facing an issue with my image slideshow.
On desktop, the height of the images is too large, and I have to scroll down to see the full image.
On mobile, the images in the slideshow aren't displayed correctly.
I’d really appreciate any suggestions on how to make the images fit properly on all screen sizes.
Project Links:
📌 GitHub Repository: https://github.com/crysomemore123/chitilebiNEW
🌍 Live Website: https://www.chitilebi.ge/
Thanks in advance for any advice / help!