<style>
  .image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 15px;
  }

  .image-grid img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
  }

  @media (max-width: 768px) {
    .image-grid {
      grid-template-columns: repeat(2, 1fr); /* 2 per row on tablets */
    }
  }

  @media (max-width: 480px) {
    .image-grid {
      grid-template-columns: 1fr; /* 1 per row on phones */
    }
  }
</style>