How to prevent Image stretching the Card Content?

[alamenai]

I use the Card component to upload an image; inside the CardContent there is an Image component to preview the image. The issue is that the image sometimes stretches the card vertically:

Code

<Card
            className='flex items-center justify-center  p-0 w-full h-36 cursor-pointer hover:bg-slate-50'
            onClick={uploadRoofImage}
          >
            <CardContent className='relative flex flex-col p-0 mb-0 items-center justify-center'>
              {imageURLs?.get("roof") ? (
                <Image
                  src={imageURLs?.get("roof") as string}
                  width={500}
                  height={500}
                  alt='image'
                  className='object-cover w-full'
                />
              ) : (
                <Fragment>
                  <ImagePlus />
                  <CardDescription className='text-xs mt-4'>Bilder von Dach</CardDescription>
                </Fragment>
              )}
            </CardContent>
          </Card>