.img_gallery {
    padding: 10px;
    max-width: 1440px;
    margin: auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat (autofit, minmax(250px, 1fr));
    grid-auto-rows: 250px;
    grid-auto-flow: dense;
    }

    #GallerySection{
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    .img_gallery img {
        display: block;
        width:100%;
        height:100%;
        object-fit: cover;
    }

    /* veritical */
.v_img {
    grid-row: span 2;
    }

/* hor */
.h_img{
grid-column: span 2;
}


/* hor */
.l_img{
    grid-row: span 2;
    grid-column: span 2;
    }


    @media (max-width: 560px) {
        /* veritical */
        .v_img {
        grid-row: span 1;
        }
        /* hor */
        .h_img {
        grid-column: span 1;
        }
       
        .l_img{
        grid-row: span 1;
        grid-column: span 1;
        }
    }










.image-grid div {
  width: 25%;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-bottom: 10px;
}

.image-grid div a img{
    height: auto;
    width: 100%;
    padding-right   : 10px;
}


.image-grid {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 400px) {
  .image-grid {
    flex-direction: column;
    flex-wrap: no-wrap;
  }
  .image-grid div { width: 100%; }
}