Elementor добавил код Add Html - не получается как должно быть

<style>

.drohne {
position: absolute;
z-index: 100;
height: 600px;
width: 600px;
border-width: 100vh 100vw;
border-style: solid;
border-color: #000;
top: -100vh;
left: -100vw;
background: #000;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
cursor: url("/wp-content/uploads/drohne.png"), auto;
}
.searchlight.on {

background: radial-gradient(ellipse at center,
rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 60%,rgba(0,0,0,1)
100%); /* W3C */
}
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$('.drohne')
.on('mousemove', function(event) {
$(this).addClass('on').css({'margin-left': event.pageX
- 250, 'margin-top': event.pageY - 250});
})
.on('mouseout', function(event) {
$(this).removeClass('on');
})

</script>