He estado tratando de hacer que mis imágenes tengan el tamaño durante algún tiempo, pero todavía no puedo resolverlo. Este es el código que tengo ahora.

 return ( <div className='space-y-3 p-5 '> <h2 className=' font-mainfont font-semibold pl-5'>{title}</h2> <div className='flex gap-x-4 scrollbar-hide pt-10 overflow-y-hidden overflow-x-scroll transition-all duration-500 px-5'> {React.Children.toArray(movies.map(movie => ( <div className='flex flex-col h-[500px] w-[10rem]'> <img src={`${base_url}${movie?.poster_path || movie?.backdrop_path}`} alt={movie.name || movie.title} className=" h-[3rem] w-[7rem] rounded-xl object-cover hover:scale-[1.09] transition-all duration-500" /> <h1 className=''>{movie.name || movie.title}</h1> </div> )))} </div> </div > )

El tamaño de la imagen ni siquiera vuelve a aumentar por encima de la altura y el ancho de arriba...