.destan-references{
    position: inherit;
    width: 100%;
    display: grid;
    justify-content: center;
    padding-top: 5%;
    padding-bottom: 5%;
    grid-template-columns: repeat(auto-fit, 300px);
}

.destan-references img{
    height: 100%;
    width: auto;
    object-fit: cover;
}

@media (max-width: 700px)
{
    .destan-references{
        grid-template-columns: repeat(1,auto);
    }
    .destan-references img{
        width: 100%;
    }
}
@media (min-width: 576px) {
    .destan-references{
        grid-template-columns: repeat(1,auto);
    }
    .destan-references img {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .destan-references{
        grid-template-columns: repeat(1,auto);
    }
    .destan-references img {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .destan-references{
        grid-template-columns: repeat(1,auto);
    }
    .destan-references img{
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .destan-references{
        grid-template-columns: repeat(1,auto);
    }
    .destan-references img {
        width: 100%;
    }
}
@media (min-width: 1400px) {
    .destan-references{
        grid-template-columns: repeat(1,auto);
    }
    .destan-references img {
        width: 100%;
    }
}