@media (min-width: 100px) and (max-width: 1024px) {
    .experience-item {
        flex: 0 0 calc(25% - 16px);
        max-width: 25%;
        width: 100%;
        height: auto;
    }
}

@media (min-width: 100px) and (max-width: 767px) {
    .experience-item {
        flex: 0 0 calc(33.33333333333333% - 16px);
        max-width: 33.33333333333333%;
        width: 100%;
        height: auto;
    }
}

@media (min-width: 100px) and (max-width: 575px) {
    .experience-item {
        flex: 0 0 calc(50% - 16px);
        max-width: 50%;
        width: 100%;
        height: auto;
    }
}

@media (min-width: 100px) and (max-width: 374px) {
    .experience-item {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
}