i changed the display of hotspots but I want to fix the hotspots location on the screen rather than on the photo. I want hotspots to follow the screen when I navigate through the panoramic view can i do this ? I want to give perspective to hotspots my goal is to get hotspots more flat on the ground

 .pnlm-hotspot-base {
  position: absolute;
  visibility: hidden;
  cursor: default;
  vertical-align: middle;
  left: 0px;
  top: 80px;
  z-index: 1;
  transform: skewX(-50deg);
  transform-origin: 10% 30%;
}

.custom-hotspot-front {
  position: absolute;
  height: 50px;
  width: 55px;
  transform-origin: center;
  transform-style: preserve-3d;
  background-image: url("forward.png");
  background-repeat: no-repeat;
  background-position: 5px 0px;
  transform: skewX(-50deg);
  transform-origin: 10% 30%;
}
.custom-hotspot-front:hover {
  background-color: rgba(173, 239, 255, 0.5);
  perspective: 300px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

I tried something like this but it didn't work, I want to do something like this;

Is it possible to do this with css?

and the image of the hotspots that I have obtained looks like this