.insta_grid {
    ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 0.2%;
        row-gap: 2%;

        li {
            a {
                position: relative;
                width: 350px;
                height: 230px;
                overflow: hidden;
                display: block;
                transition: .3s;

                img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: 100%;
                    height: auto;
                    transition: .3s;
                }
            }
        }
    }
}
.insta_grid li a:hover img {
    transform: translate(-50%, -50%) scale(1.15);
}

@media (max-width:1500px) {
    .insta_grid {
        ul {
            grid-template-columns: repeat(4, 1fr);
            column-gap: 0.5%;
            row-gap: 2%;

            li {
                a {
                    width: 23vw;
                    height: 15vw;
                }
            }
        }
    }
}

@media (max-width:768px) {
    .insta_grid {
        ul {
            grid-template-columns: repeat(2, 1fr);
            column-gap: 1.5%;
            row-gap: 1.5%;

            li {
                a {
                    width: 46.1vw;
                    height: 25vw;
                }
            }
        }
    }
}