@media(max-width: 1340px) {
    .statsContainer {
        left: 15%;
        right: 15%;
    }
}

@media(max-width: 1140px) {
    .statsContainer {
        left: 10%;
        right: 10%;
    }
}

@media(max-width: 780px) {
    .statsContainer {
        left: 5%;
        right: 5%;
        margin-left: 80px;
        margin-right: 80px;
    }
}

@media(max-width: 590px) {
    .container-fluid {
        flex-direction: column;
    }
}

@media(max-width: 530px) {
    .statsContainer {
        left: 0%;
        right: 0%;
        top: 0;
        bottom: 0;
        margin: 0;
    }

    .left {
        margin: 0;
        top: -110px;
    }

    .right {
        margin: 0;
        top: -110px;
    }

    .clickedImage {
        max-width: 260px;
    }

    .closeButton {
        display: flex;
    }

    #section {
        height: 60%;
    }
}

@media(max-width: 450px) {
    .clickedImage {
        max-width: 200px;
    }
}

@media(max-width: 400px) {
    .clickedImage {
        max-width: 160px;
        margin-top: -140px;
    }
}

@media(max-width: 360px) {
    .clickedImage {
        max-width: 120px;
        margin-top: -120px;
    }

    .changeStatsArea {
        margin-top: -40px;
    }

    .smallPNG {
        height: 70px;
    }

    table {
        margin-top: 10px;
    }

    #section {
        height: 50%;
    }
}