.container-scroll {
    overflow-x: auto;
    /* display: inline-block; */
    /* white-space: nowrap; */
    /* -ms-overflow-style: none; */
}
.container-scroll::-webkit-scrollbar {
    display: none;
}

.row-scroll {
    width: 200%; /* = 100% * 4/3 */
    margin-left: 75px;
}

.col-scroll {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}
.row-scroll:active .col-scroll {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

/*Cols: 22*/
.col-scroll-2 {
    width: 9.09090909%;
}
.col-scroll-3 {
    width: 13.636363%;
}
.col-scroll-4 {
    width: 18.18181818%;
}

.scroll-arrow {
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
}

.img-absolute#circulo-1 {
    top: -75px;
    z-index: 900;
}
.img-absolute#circulo-2 {
    top: -75px;
    right: 20%;
    z-index: 900;
}
.img-absolute#circulo-3 {
    left: -25px;
    top: 0;
}
.img-absolute#circulo-4 {
    right: 0px;
    bottom: 0px;
}
.img-absolute#circulo-5 {
    top: -20px;
    left: 0px;
}
.img-absolute#circulo-6 {
    left: -25px;
    bottom: 100px;
}

@media (max-width: 500px){
    .row-scroll {
        width: 500%; /* = 100% * 4/3 */
        margin-left: 20px;
    }
    .img-absolute#circulo-1 {
        left: 0;
    }
    .img-absolute#circulo-4 {
        right: 0px;
        bottom: 80px;
    }
}