.page-wrapper {
    gap: 1vh;
    width: 70%;
    height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10vh;
}

.jesseFace {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 70%;
    width: 60%;
    background-image: url(../projects/jesse/jesseFace.png);
    margin-right: 10vh;
}

.text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 55%;
}

.text h1 {
    margin-bottom: 5vh;
}

.page-4-wrapper {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10vh;
}

.page-5-wrapper {
    width: 100%;
    height: 45vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10vh;
}

.page-6-wrapper {
    width: 100%;
    height: 150vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10vh;
    overflow: hidden;
}

.next {
    height: 100% !important;
    width: 50% !important;
}

.jesse {
    width: 90%;
    height: 100%;
}

.jesse-wrapper {
    width: 90%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1vh;
}

.item {
    width: 49%;
    height: 49.5vh;
}

video {
    border-radius: 3vh;

}