body{
  overflow-y: scroll;
  overflow-x: hidden;
}
.mapPointer {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  animation: out 1.5s infinite ease-out;
  background: #180033;
  position: absolute;
  top: 30%;
  left: 50%;
  margin: -25px 0px 0px -25px;
}

@keyframes out {
  0% {box-shadow: 0px 0px 0px 0px rgba(65, 0, 117, 1);} 
  100% {box-shadow: 0px 0px 0px 100px rgba(65, 0, 117, 0.0);}
}
.secMapPointer{
  width: 30px;
  height: 30px;
  border-radius: 100px;
  animation: out 1.5s infinite ease-out;
  background: #180033;
  position: absolute;
  top: 58%;
  left: 57%;
  margin: -25px 0px 0px -25px;
}

@keyframes out {
  0% {box-shadow: 0px 0px 0px 0px rgba(65, 0, 117, 1);} 
  100% {box-shadow: 0px 0px 0px 100px rgba(65, 0, 117, 0.0);}
}
.thirdMapPointer{
  width: 30px;
  height: 30px;
  border-radius: 100px;
  animation: out 1.5s infinite ease-out;
  background: #180033;
  position: absolute;
  top: 58%;
  left: 30%;
  margin: -25px 0px 0px -25px;
}

@keyframes out {
  0% {box-shadow: 0px 0px 0px 0px rgba(65, 0, 117, 1);} 
  100% {box-shadow: 0px 0px 0px 100px rgba(65, 0, 117, 0.0);}
}
.pointer{
  color:white;
 margin-left:39%;
}
.pointer-sec{
  color:white;
  margin-left:25%;
}