the image is big than the size i try object-fit in tailwind but still the the upper par of image is cut <Dialog open={showPreview} onOpenChange={() => setShowPreview(false)}>
<DialogContent className="flex h-5/6 items-center gap-4 overflow-y-auto">
<div className="flex w-full flex-col gap-4">
<img src={track.image} className="object-fit max-w-full rounded-lg" />
<div className="bg-primary/5 flex flex-col gap-4 rounded-lg p-4">
<div className="flex flex-col gap-4">
<h3 className="w-full text-xl font-semibold tracking-tight md:text-2xl">{track.title}</h3>
<div className="flex items-center gap-4">