/* ====================================
   Photo Waterfall
==================================== */

/* Center the container */
.photo-container {
    width: 60rem; /* Fixed width */
    max-width: 100%; /* Make it responsive */
    margin: 2rem auto; /* Center the container horizontally */
    column-count: 2; /* Two columns for waterfall effect */
    column-gap: 1rem; /* Horizontal spacing between columns */
  }
  
  /* Image styling */
  .photo-container img {
    width: 100%; /* Fit within the column width */
    margin-bottom: 1rem; /* Vertical spacing between images */
    display: block; /* Remove inline spacing */
    object-fit: cover; /* Ensure the image fits nicely */
    border-radius: 4px; /* Optional rounded corners */
  }