@media (max-width:280px){

.gallery{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 20px
        }
.gallery img{
        width: 90%;
        height: auto;
      display: block;
  margin: auto;
    pointer-events: none
        }
}

@media (min-width: 281px) and (max-width:568px){

.gallery{
        display:grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 20px
        }
.gallery img{
        width: 90%;
        height: auto;
      display: block;
  margin: auto;
    pointer-events: none
        }
}

@media (min-width: 769px) {

.gallery{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
        gap: 20px
        }
.gallery img{
        width: 90%;
        height: auto;
      display: block;
  margin: auto;
    pointer-events: none
        }
}