.gallery-container {
  position: relative;
  height: 100vh; /* Reduced from 100vh to leave room for scrollable content */
  overflow: hidden; /* Prevent gallery items from causing scrollbars */
}

/* Add these to ensure body scrolling works */
html, body {
  height: auto;
  overflow-y: auto !important;
}

.gallery .item {
  position: absolute;
  /* Other item styling remains unchanged */
}

/* Main content area that should be scrollable */
.main-content {
  position: relative;
  z-index: 1;
  /* Add styles for your content area */
}