/* Hidden state */
  .search-box {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease;
  }

  /* Visible state */
  .search-box.show {
    max-width: 400px;   /* Adjust width */
    opacity: 1;
    padding: 0.375rem 0.75rem; /* Reset padding */
  }

  /* Force all developer images to have the same height */
  .card-img-top {
    height: 250px;          /* same height for all images */
    object-fit: cover;      /* crop while keeping aspect ratio */
    object-position: center; /* center the focus */
  }