/* Container for the event images */
.eventsimg-container {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping to the next line */
    gap: 10px; /* Adds spacing between the images */
    justify-content: center; /* Centers the images */
    margin-top: 20px; /* Adds spacing above the image container */
    margin-bottom: 20px;
  }
  
  /* First 4 images: side by side */
  .eventsimg-container .eventsimg {
    flex: 1 1 calc(25% - 10px); /* Each image takes 25% of the container width, minus the gap */
    max-width: calc(25% - 10px); /* Ensures they fit properly */
    aspect-ratio: 3 / 4; /* Maintains the 4:3 aspect ratio */
    object-fit: cover; /* Ensures the image fits without distortion */
    border-radius: 8px; /* Optional: Adds rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Adds a shadow */
  }
  
  /* Last image: spans full width */
  .eventsimg-container .eventsimg:last-child {
    flex: 1 1 100%; /* Spans the entire width */
    max-width: 40%; /* Ensures it fills the container */
    aspect-ratio: auto; /* Keeps its natural aspect ratio */
  }