.projects{
    height: 500px;
}

.project-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media(max-width: 1000px){
    .projects{
        height: fit-content;
        padding: 40px 0px;
    }
    .project-content{
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
    }
    .project-image img{
        border-radius: 12px;
        width: 100% !important;
    }

    .project-info{
        width: 100% !important;
        text-align: center;
        margin: 16px 0px;
    }

}

.project-info{
    width: calc(100% - 500px);
}

.pi-top{
    margin-bottom: 32px;
}

.project-title{
    font-size: 36px;
}
.project-subtitle{
    font-size: 20px;
    font-weight: 500;
}

.project-info p{
    color: rgba(255,255,255,0.9);
}