.header {
    position: fixed;
    top: 2%;
    z-index: 9;
    width: 100vw;
    left: 1%;
}

.header img {
    width: 94%;
    margin-left: 2%;
}

.hero-wrapper svg {
    position: fixed;
    z-index: 3;
    width: 78%;
    top: 36vh;
    left: 15px;
}

video {
    position: fixed;
    background: blue;
    top: 0px;
    left: 0px;
}

.video-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 96vh;
    z-index: 0;
    background: linear-gradient(357.67deg, rgba(249, 221, 196, 0.7) -5.47%, rgba(249, 221, 196, 0.217) 84.49%);
    opacity: .4;
    pointer-events: none;
}

.contd {
    width: 100%;
    min-height: 100vh;
    background: white;
    border-radius: 1vw;
    z-index: 5;
    top: 95vh;
    position: absolute;
    z-index: 10;
}

.contd img {
    width: 100%;
    position: relative;
}