.projects-container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.personal-project {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 0.5rem;
}

.project-image-container {
    max-width: 500px;
    flex: 1 1 40%;
}

.project-text-container {
    flex: 1 1 55%;
}

.project-image {
    width: 100%;
    margin: auto;
}

.project-header {
    display: flex;
    gap: 1rem;
}

.project-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}