.universal_wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;  
    justify-content: center;  
}

@media (min-width:992px) {
    .universal_wrapper.hstart {
        justify-content: start;
    }
    .universal_wrapper.hcenter {
        justify-content: center;
    }
    .universal_wrapper.hend {
        justify-content: end;
    }    
}
.universal_wrapper.vstart {
    align-items: start;
}
.universal_wrapper.vcenter {
    align-items: center;
}
.universal_wrapper.vend {
    align-items: end;
}


.universal_wrapper .content {
    display: flex;
    height: 100%;
    align-items: inherit;
    justify-content: inherit;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    text-shadow: 0px 0px 2px rgba(var(--bs-primary-rgb, 27,28,29), 0.5);    
    z-index: 1;
}
.universal_wrapper .content div {
    margin-top: 3rem;
}
.universal_wrapper .content p:last-child {
    margin-bottom: 0
}

.parallax__container {
    clip: rect(0, auto, auto, 0);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.parallax__container .parallax {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    aspect-ratio: 21/11;
}
.parallax__container .parallax:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 10, 6, var(--overlay, 0));
}