.discount-10 {
    position: absolute;
    z-index: 10;
    top: 401px;
    left: 20px;
    max-width: 55px;
    animation: float 6s cubic-bezier(0.4, 0, 1, 1) infinite;
}
.discount-30 {
    position: absolute;
    z-index: 10;
    top: 601px;
    left: 10px;
    max-width: 55px;
    animation: float 6s ease-in-out infinite;
}
.discount-20 {
    position: absolute;
    z-index: 10;
    top: 421px;
    right: 12px;
    max-width: 45px;
    animation: float 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.discount-40 {
    position: absolute;
    z-index: 10;
    top: 621px;
    right: 2px;
    max-width: 75px;
    animation: float 3s ease-in-out infinite;
}
@media all and (min-width:699px){
    .discount-10 {
        top: 420px;
        left: 26px;
        max-width: 136px;
   }
    .discount-30 {
        top: 601px;
        left: 134px;
        max-width: 138px;
   }
    .discount-20 {
        top: 410px;
        right: 25px;
        max-width: 115px;
   }
    .discount-40 {
        top: 571px;
        right: 102px;
        max-width: 154px;
   }
}
@media all and (min-width:1274px){
    .discount-10 {
        top: 401px;
        left: 142px;
        max-width: 175px;
   }
    .discount-30 {
        top: 601px;
        left: 202px;
        max-width: 175px;
   }
    .discount-20 {
        top: 321px;
        right: 142px;
        max-width: 135px;
   }
    .discount-40 {
        top: 521px;
        right: 242px;
        max-width: 205px;
   }
}
@media all and (min-width:1574px){
    .discount-10 {
        top: 501px;
        left: 242px;
        max-width: 175px;
   }
    .discount-30 {
        top: 701px;
        left: 302px;
        max-width: 175px;
   }
    .discount-20 {
        top: 421px;
        right: 242px;
        max-width: 135px;
   }
    .discount-40 {
        top: 621px;
        right: 342px;
        max-width: 205px;
   }
}


@keyframes float {
    0% {
        transform: translatey(0px);
   }
    50% {
        transform: translate(2px,-20px);
   }
    100% {
        transform: translatey(0px);
   }
}