.am-shader-container audio,
.am-shader-container canvas,
.am-shader-container progress,
.am-shader-container video {
    vertical-align: baseline;
    display: inline-block;
}

.am-shader-container .shader-canvas {
    width: 100%;
    height: 100vh;
    display: block;
    background-color: black;
    -webkit-mask-image: url(#rocket-mask);
    mask-image: url(#rocket-mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
    object-fit:cover;
}

.am-shader-container{
    z-index:-1;
    aspect-ratio:1282/868;
    flex-flow:column;
    width:92%;
    display:flex;
    position:absolute;
    inset:0%;
    height:100vh;
}

.am-shader-container .am-rocket-illustration {
    position: absolute;
    right: -5%;
    top: 8%;
    width: 15vw;
    max-width: 250px;
    min-width: 140px;
    height: auto;
    object-fit: contain;
    z-index: 2;
    transition: .8s;

    animation: rocketFloat 5s ease-in-out infinite;
    will-change: transform;
}

@keyframes rocketFloat {
    0%, 100% {
        transform: translateY(0) rotate(14deg);
    }
    50% {
        transform: translateY(-10px) rotate(14deg);
    }
}

.am-shader-container .hero-mask {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:visible;
    pointer-events:none;
}

.am-shader-container .has-fade-gradient {
    fill: url(#fade-gradient);
}

@media (min-width: 1801px) {
    .am-shader-container .am-shader-code.is-hero {
        position: absolute;
        inset: 0;
    }

    .am-shader-container .shader-canvas {
        position: absolute;
        left: auto;
        right: 0;
    }
}


@media(max-width:1200px){

.am-rocket-illustration{

    width:22vw;
    right:-8%;
    top:10%;

}

.am-shader-container{

    min-height:600px;

}

}

@media(max-width:767px){

.am-shader-container{

    min-height:520px;

}

.shader-canvas{

    height:520px;

}

.am-rocket-illustration{

    width:180px;
    right:-55px;
    top:70px;

}

}

@media(max-width:480px){

.am-shader-container{

    min-height:430px;

}

.shader-canvas{

    height:430px;

}

.am-rocket-illustration{

    width:140px;
    right:-35px;
    top:80px;

}

}