.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); } } .wrap_scrollImg { width: 100%; height: 100%; //background-color: #2C9806; overflow: hidden; position: relative; span { display: inline-block; } } .left_icon { left: 0; cursor: pointer; z-index: 99999999; position: absolute; display: none; background-color: rgba(0, 0, 0, 0.3); top: 0; bottom: 0; margin: auto; height: 55px; line-height: 55px; width: 44px; text-align: center; font-size: 20px; transition: 0.2s; &:hover { font-size: 30px; height: 60px; // line-height: 60px; width:60px; text-align: center; margin: auto; } } .right_icon { right: 0; cursor: pointer; z-index: 99999999; position: absolute; display: none; background-color: rgba(0, 0, 0, 0.3); top: 0; bottom: 0; margin: auto; height: 55px; line-height: 55px; width: 44px; text-align: center; font-size: 20px; transition: 0.2s; &:hover { font-size: 30px; height: 60px; // line-height: 60px; width:60px; text-align: center; margin: auto; } }