.riskback {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.riskt {
  position: absolute;
  top: 20%;
  left: 15%;
  width: 100%;
  height: 100%;
}
.risktTwo {
  position: absolute;
  top: 65%;
  left: 18%;
  width: 100%;
  height: 100%;
}
.risktThree {
  position: absolute;
  top: 80%;
  left: 20%;
  width: 100%;
  height: 100%;
}

.risktFour {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 100%;
  height: 100%;
}
.risktFive {
  position: absolute;
  top: 80%;
  left: 50%;
  width: 100%;
  height: 100%;
}
.risktSix {
  position: absolute;
  top: 75%;
  left: 77%;
  width: 100%;
  height: 100%;
}
.risktSeven {
  position: absolute;
  top: 42%;
  left: 87%;
  width: 100%;
  height: 100%;
}

.riskback {
  position: absolute;
  top: 15%;
  left: 8%;
  width: 100%;
  height: 100%;
}

.riskbackTwo {
  position: absolute;
  top: 60%;
  left: 12%;
  width: 100%;
  height: 100%;
}
.riskbackThree {
  position: absolute;
  top: 70%;
  left: 13%;
  width: 100%;
  height: 100%;
}

.riskbackFour {
  position: absolute;
  top: 1%;
  left: 18%;
  width: 100%;
  height: 100%;
}
.riskbackFive {
  position: absolute;
  top: 48%;
  left: 32%;
  width: 100%;
  height: 100%;
}
.riskbackSix {
  position: absolute;
  top: 62%;
  left: 70%;
  width: 100%;
  height: 100%;
}
.riskbackSeven {
  position: absolute;
  top: 40%;
  left: 81%;
  width: 100%;
  height: 100%;
 
}
.riskhover {
    transition: all 0.5s;
    animation: jump 1.8s infinite ;
}
// .riskhover:hover {
//     transform: scale(1.1);
//     animation: jump 1.8s infinite ;
// }


@keyframes jump {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}