Находится ли элемент поверх другого js

$(document).ready(function() {
  var min = 0;
  var max = 300;
  var random = Math.random() * (+max - +min) + +min;
  $("#dot").css("left", random);
});

.block {
  width: 100px;
  height: 100px;
  background: gray;
  display: inline-block;
  margin: 0px;
}

#dot {
  width: 20px;
  height: 20px;
  background: red;
  position: absolute;
  top: 50px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="block" id="3"></div>
<div class="block" id="1"></div>
<div class="block" id="2"></div>
<div id="dot"></div>