css patch

frontend/src/components/CastSection.css

@@ -22,8 +22,8 @@
 
 .cast-image-container {
   position: relative;
-  width: 100px;
-  height: 100px;
+  min-width: 100px;
+  min-height: 100px;
   border-radius: 50%; /* Circular container */
   overflow: hidden;
   margin-right: 10px; /* Space between image and text */

frontend/src/components/MovieCard.js

@@ -39,7 +39,7 @@ const MovieCard = ({ title }) => {
           src={movieData.image}
           alt={`${movieData.title} poster`}
           fill
-          sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
+          sizes="(max-width: 500px) 100vw, (max-width: 1200spx) 50vw, 33vw"
           priority
           className="movie-card-poster"
         />