.geo-placemark {
  position: absolute;
  width: 48px;
  height: 62px;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  zoom: .7;
}

.geo-placemark::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6%;
  border-radius: 50%;
  width: 16px;
  height: 8px;
  margin: 0 auto;
  background-color: #004e87;
  opacity: .3;
  -webkit-transition-property: width, height, opacity;
  transition-property: width, height, opacity;
  will-change: width, height, opacity;
}

.geo-placemark::after {
  z-index: 10000;
  content: '';
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../images/point-icon.svg');
  -webkit-transition-property: bottom;
  transition-property: bottom;
  will-change: bottom;
}

.ymaps-geolocation-map {
  width: 100%;
  height: 400px;
  border: 1px solid #ddd;
  margin: 0;
  padding: 0;
  background-color: #ccc;
  overflow: hidden;
  position: relative;
}