body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

/* Grid container */
.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 equal-width columns */
  /*grid-gap: 30px; /* Space between items */
  width: 100%; /* Make the grid take up the full width */
  margin-top: 100px;
  overflow: hidden;
}

.decoration {
  position: fixed; 
  top:52%; 
  left: 50%; 
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1000;
  pointer-events: none;
}

/* Grid item styling (for both image and text) */
.grid-item {
  position: relative;
  text-align: center;
}

/* Image styling */
.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: visible;
  position: relative;
}

/* Text styling, centered within each image */
.grid-item .text {
  position: absolute;
  top: 50%; /* Vertically center the text */
  left: 50%; /* Horizontally center the text */
  transform: translate(-50%, -50%); /* Adjust for exact centering */
  color: white;
  font-size: 16px;
}