.carosel body {
    margin: 0;
}
.carosel ul {
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
	grid-template-columns: repeat(auto-fit, minmax(320px, 2fr));
}
.carosel li {
    display:inline-block;
    margin-right: 2%;
    width:32%;
    list-style-type:none;
    box-sizing: border-box;
    white-space: normal;
    vertical-align: top;
    text-align: center;
}

@media(max-width:600px) {
    .carosel li {
        width:48%;
    }
}

@media(min-width:2000px) {
    .carosel li {
        width:23%;
    }
}