.media-box {
    display: flex;
    justify-content: center;
    margin: 50px auto;
    max-width: 1200px;
  }
  
  .media-items {
    display: flex;
    justify-content: center;
    gap: 20px; /* Spacing between items */
  }
  
  .actual-item {
    flex: 1;
    text-align: center;
  }
  
  .actual-item img {
    width: 300px;  /* Fixed width for uniform size */
    height: 200px; /* Fixed height for uniform size */
    object-fit: cover; /* Ensures image is cropped nicely while keeping the size */
  }