image is not resizing for mobile

Question

i started learning next js
and developed a AI platform with the help of YouTube tutorial
but the image(banner.png) in lamdingHero.tsx
review code: github repo. https://github.com/Tusharknwl/Lumina_AI

demo: https://lumina-ai-one.vercel.app/

Answer 1

Wonderpedia banner.png is inside a div that has the style
".p-10 {
padding: 2.5rem;
}"
at some point the padding becomes too big.
Try not applying this style.