.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Three equal columns */
  grid-gap: 25px; /* Gap between grid items */
}

.grid-container img {
  border: 1px solid grey;
  border-radius: 10px;
  width: 100%;
  height: 200px;
}

.grid-container .item{
  text-align: center;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 20px;
  border-radius: 8px;
}

/* Media query for smaller screens */
@media screen and (max-width: 768px) {
  .grid-container {
    grid-template-columns: repeat(2, 1fr); /* Two columns for smaller screens */
  }
  .grid-container .item {
    /* Adjust styles for smaller screens */
    padding: 10px;
  }
}

/* Media query for even smaller screens */
@media screen and (max-width: 480px) {
  .grid-container {
    grid-template-columns: 1fr; /* One column for even smaller screens */
  }
}