.floating{
    position: fixed;
    width: 100%;
    bottom: 30%;
    max-width: var(--width-dev);
}
.floating-inner{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    width: 100%;
    max-width: 7rem;
}
.flt{
    padding-bottom: 100%;
    background: url('https://ne.tykcdn.com/assets/dipinang_kuota/img/floating.gif') no-repeat center center;
    background-size: contain;

    -webkit-animation: Flt 1s ease infinite .5s;
    -moz-animation: Flt 1s ease infinite .5s;
    -ms-animation: Flt 1s ease infinite .5s;
    -o-animation: Flt 1s ease infinite .5s;
    animation: Flt 1s ease infinite .5s;
}

@-webkit-keyframes Flt{
    0%,80%,100%{transform:scale(1,1)translateY(0)}
    20%{transform:scale(1.05,.95)translateY(10px)}
    40%{transform:scale(.95,1.05)translateY(-5px)}
    60%{transform:scale(1.05,.95)translateY(0)}
}
@-moz-keyframes Flt{
    0%,80%,100%{transform:scale(1,1)translateY(0)}
    20%{transform:scale(1.05,.95)translateY(10px)}
    40%{transform:scale(.95,1.05)translateY(-5px)}
    60%{transform:scale(1.05,.95)translateY(0)}
}
@-ms-keyframes Flt{
    0%,80%,100%{transform:scale(1,1)translateY(0)}
    20%{transform:scale(1.05,.95)translateY(10px)}
    40%{transform:scale(.95,1.05)translateY(-5px)}
    60%{transform:scale(1.05,.95)translateY(0)}
}
@-o-keyframes Flt{
    0%,80%,100%{transform:scale(1,1)translateY(0)}
    20%{transform:scale(1.05,.95)translateY(10px)}
    40%{transform:scale(.95,1.05)translateY(-5px)}
    60%{transform:scale(1.05,.95)translateY(0)}
}
@keyframes Flt{
    0%,80%,100%{transform:scale(1,1)translateY(0)}
    20%{transform:scale(1.05,.95)translateY(10px)}
    40%{transform:scale(.95,1.05)translateY(-5px)}
    60%{transform:scale(1.05,.95)translateY(0)}
}