.data-container {
    background-color: #f0f0f0;
    padding: 16rem 0;

    @media screen and (max-width: 767px) {
        padding: 8rem 0;
    }

    .datas {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 3rem;

        @media screen and (max-width: 767px) {
            gap: 2rem;
        }

        .data {

            .graph {
                width: 100%;
                height: auto;
            }
        }

        .data.small {
            width: calc((100% - 6rem) / 3);

            @media screen and (max-width: 767px) {
                width: calc(50% - 1rem);
            }

            .graph {}
        }

        .data.big {
            width: calc((100% - 6rem) * 2 / 3 + 3rem);

            @media screen and (max-width: 767px) {
                width: 100%;
            }

            .graph {}
        }
    }
}