.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    /* grid-template-columns: repeat(4, 1fr); 4 columns for 4 methods */
    gap: 10px; /* Adjust the gap between grid items as needed */
  }
  
  .grid-item {
    text-align: center; /* Center the content */
  }
  
  .grid-item img {
    width: 100%; /* Adjust the width as needed */
    height: auto; /* Maintain aspect ratio */
  }
  
  .image-label {
    margin-top: 5px; /* Space between image and label */
  }