.waves {
    position: absolute;
    height: 256px;
    bottom: 0;
    right: 0;
    width: 6000px;
    transition: 4s
    }
#waveSmall {
    background: url("images/wave/smal.webp");
    right: -300px;
    background-position: center;
    background-repeat: repeat-x
    }
#waveMeddle {
    background: url("images/wave/med.webp");
    background-position: top;
    background-repeat: repeat-x;
    right: 1793px
    }
#waveMax {
    background: url("images/wave/max.webp");
    background-position: bottom;
    background-repeat: repeat-x
    }
#wavesContainer:hover .waves:nth-child(2) {
    right: -1000px
    }
#wavesContainer:hover .waves:nth-child(3) {
    right: -600px
    }
#wavesContainer:hover .waves:nth-child(1) {
    right: -1600px
    }
#wavesContainer {
    position: absolute;
    bottom: 0;
    right: -1800px;
    width: 6000px;
    height: 256px
    }
/*form of magik-------------------------------------------------------------------------*/
.wavesTopContainer {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 356px;
    right: 0%;
    top: 0
    }
.wavesTopBig {
    position: absolute;
    top: 0;
    right: 0%;
    width: 4832px;
    height: 356px;
    background: url(/images/wave/whitetop/topBig.webp);
    background-repeat: repeat-x;
    transition: 4s
    }
.wavesTopMiddle {
    position: absolute;
    top: 0;
    right: 0;
    width: 6871px;
    height: 356px;
    background: url(/images/wave/whitetop/topMiddle.webp);
    background-repeat: repeat-x;
    transition: 4s
    }
.wavesTopSmall {
    position: absolute;
    top: 0;
    right: 0;
    width: 8436px;
    height: 356px;
    background: url(/images/wave/whitetop/topsmall.webp);
    background-repeat: repeat-x;
    transition: 4s
    }
.wavesTopContainer:hover div, .wavesBotContainer:hover div {
    right: -1000px
    }
.wavesBotContainer {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 356px;
    right: 0;
    bottom: 0
    }
.wavesBotBig {
    position: absolute;
    top: 0;
    right: -439px;
    width: 4832px;
    height: 356px;
    background: url(/images/wave/whitetop/topBig.webp);
    background-repeat: repeat-x;
    transform: scaley(-1);
    transition: 4s
    }
.wavesBotMiddle {
    position: absolute;
    top: -10px;
    right: 0;
    width: 5271px;
    height: 356px;
    background: url(/images/wave/whitebott/middle.webp);
    background-repeat: repeat-x;
    transform: scaley(-1);
    transition: 4s
    }
.wavesBotSmall {
    position: absolute;
    top: 0;
    right: 0;
    width: 6836px;
    height: 356px;
    background: url(/images/wave/whitebott/small.webp);
    background-repeat: repeat-x;
    transform: scaley(-1);
    transition: 4s
    }
.wavesTopBigPurple {
    position: absolute;
    top: 0;
    right: -38px;
    width: 4832px;
    height: 356px;
    background: url(/images/wave/purple/max.webp);
    background-repeat: repeat-x;
    transition: 4s
    }
.wavesTopMiddlePurple {
    position: absolute;
    top: 0;
    right: 0;
    width: 6871px;
    height: 356px;
    background: url(/images/wave/purple/middle.webp);
    background-repeat: repeat-x;
    transition: 4s
    }
.wavesTopSmallPurple {
    position: absolute;
    top: 0;
    right: 0;
    width: 8436px;
    height: 356px;
    background: url(/images/wave/purple/small.webp);
    background-repeat: repeat-x;
    transition: 4s
    }
.wavesChoseContainer {
    height: 512px;
    position: relative;
    background: url(/images/animators/helpTochoseBack.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 4000px
    }