.rocket-bg::before, .rocket-bg-svg::before{
    position: absolute;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    content: "";
}

.rocket-bg::before {
    background-image: url('../img/rocket-stars-bkg.png');
}

.rocket-bg.visible::before{
    opacity: 1;
}

.rocket-bg-svg::before {
    background: url('../img/curve-rocket.svg') no-repeat center top;
    background-size: cover;
}

.rocket-bg-svg.visible::before{
    opacity: 1;
}