.container {
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       justify-content: center;
       max-width: 1000px;
       margin: 0 auto;
       padding: 20px;
   }

   .container img {
       width: 300px;
       height: 300px;
       margin: 10px;
       border: 5px solid #444;
       border-radius: 10px;
       overflow: hidden;
   }

   .container img:hover {
       border-color: #f00;
       transform: scale(1.1);
       transition: all 0.3s ease-in-out;
   }