@media (max-width: 860px) {
    .container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        width: 100%;
        gap: 20px;
    }

    .introduction
    {
        width: 100%;
    }

    .introduction-box
    {
        height: 100%;
    }

    .projects
    {
        width: 100%;
        height: 100%;
    }

    .card-list
    {
        justify-content: space-evenly;
    }
}