Image Overflowing from the container

<section className="flex flex-wrap gap-8 p-36">
            {data.map((item, index) => (
                <div key={index} className="grow shrink basis-1/3 h-80">
                    <img src={item.feature_image} alt="" className="h-full w-full object-cover object-center />
                    <p>{item.title}</p>
                </div>
            ))}
        </section>

max-width: 100%
height: auto;