.pc-float img{
     
     width: 100%;
     height: auto;
    display: inline-block;
    
 }

 .pc-float .fire {
    position: absolute;
     animation: floatUpDown 5s ease-in-out infinite;
 }

 @keyframes floatUpDown {

     F 0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-15px);
     }
 }

 .pc-float .bat1 {
    position: absolute;
     animation: floatUpDown 0.8s ease-in-out infinite;
 }

 @keyframes floatUpDown {

     F 0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-150px);
     }
 }

 .pc-float .bat2 {
    position: absolute;
     animation: floatUpDown 0.5s ease-in-out infinite;
 }

 @keyframes floatUpDown {

     F 0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }
 }

 .pc-float .bat3 {
    position: relative;
     animation: floatUpDown 0.3s ease-in-out infinite;
 }

 @keyframes floatUpDown {

     F 0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }
 }

  .mb-float img{
     
     width: 100%;
     height: auto;
    display: none;
    
 }

 .mb-float .fire {
    position: absolute;
     animation: floatUpDown 5s ease-in-out infinite;
 }

 @keyframes floatUpDown {

     F 0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-15px);
     }
 }

 .mb-float .bat1 {
    position: absolute;
     animation: floatUpDown 0.8s ease-in-out infinite;
 }

 @keyframes floatUpDown {

     F 0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-150px);
     }
 }

 .mb-float .bat2 {
    position: absolute;
     animation: floatUpDown 0.5s ease-in-out infinite;
 }

 @keyframes floatUpDown {

     F 0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }
 }

 .mb-float .bat3 {
    position: relative;
     animation: floatUpDown 0.3s ease-in-out infinite;
 }

 @keyframes floatUpDown {

     F 0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }
 }

 @media (max-width: 768px) {
    .pc-float .fire {
        display: none;
    }
    .pc-float .bat1 {
        display: none;
    }
    .pc-float .bat2 {
        display: none;
    }
    .pc-float .bat3 {
        display: none;
    }

    .mb-float .fire {
        display: inline-block;
    }
    .mb-float .bat1 {
        display: inline-block;
    }
    .mb-float .bat2 {
        display: inline-block;
    }
    .mb-float .bat3 {
        display: inline-block;
    }

    
}