.homesection:first-child,
#projects,
.stripe-left .projectblock{
    border-width: 0 0 0 var(--stripe-size);
    padding-right: var(--stripe-size);
    border-image: radial-gradient(farthest-side at 100% 50%, var(--stripes-left));
    border-image-slice: 49.9% 0% 49.9% 100%;
    border-image-outset: 2px 0 2px 0
}

.homesection.stripe-right,
.stripe-right .projectblock{
    border-width: 0 var(--stripe-size) 0 0;
    padding-left: var(--stripe-size);
    border-image: radial-gradient(farthest-side at 0% 50%, var(--stripes-right));
    border-image-slice: 49.9% 100% 49.9% 0%;
    border-image-outset: 2px 0 2px 0
}

.stripe-up::before,
.stripe-up::after,
.stripe-down::before,
.stripe-down::after {
    content: '';
    width: 50%;
    border-style: solid;
    border-color: transparent;
    position: absolute;
    z-index: -6;
}

.stripe-up::before {
    border-width: 0 0 var(--stripe-size) var(--stripe-size);
    border-image: radial-gradient(closest-side, var(--stripes-left), var(--color-bg) 101%);
    border-image-slice: 49.9% 49.9% 49.9% 49.9%;
    left: 0;
}

.stripe-up::after {
    border-width: var(--stripe-size) var(--stripe-size) 0 0;
    border-image: radial-gradient(closest-side, var(--stripes-right), transparent 101%);
    border-image-slice: 49.9% 49.9% 49.9% 49.9%;
    right: 0;
}

.stripe-down::before {
    border-width:  var(--stripe-size) 0 0  var(--stripe-size);
    border-image: radial-gradient(closest-side, var(--stripes-left), transparent 101%);
    border-image-slice: 49.9% 49.9% 49.9% 49.9%;
    left: 0;
}

.stripe-down::after {
    border-width: 0  var(--stripe-size) var(--stripe-size) 0;
    border-image: radial-gradient(closest-side, var(--stripes-right), var(--color-bg) 101%);
    border-image-slice: 49.9% 49.9% 49.9% 49.9%;
    right: 0;
}

.stripe-up,
.stripe-down {
    display: flex;
    position: sticky;
    bottom: 0;
}

.stripe-left .projectblock > div {
    margin-right: -3rem;
}


.stripe-right .projectblock > div {
    margin-left: -3rem;
}

@media (max-width: 720px) {
    .homesection:first-child, 
    #projects,
    .stripe-left .projectblock {
        padding-right: 0;
    }

    .homesection.stripe-right,
    .stripe-right .projectblock{
        padding-left: 0;
    }

    .stripe-right .projectblock > div {
        margin-left: 0;
    }

    .stripe-left .projectblock > div {
        margin-right: 0;
    }

}