@media (max-width:858px) {
    .top_left .forclick {
        padding-top: 0px;
    }

    .top_part {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .top_left {
        margin-top: 10px;
    }

    .top_left .myname,
    .forclick {
        text-align: center;
    }

    .top_right {
        align-self: center;
    }

    .top_right img {
        max-width: 100%;
        max-height: 100%;
    }

    .lower_part_title {
        font-size: 3rem;
        text-align:center;
    }

    .overview_left,
    .challenges_title,
    .vendor_title,
    .impact_title,
    caption {
        font-size: 1.5rem;

    }

    .overview,
    .challenge,
    .vendor_content,
    .impact_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    table {
        width: 100%;
        border-collapse: collapse;
    }
}