.globe-wrapper {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  display: block;
  position: relative;
}

.globe-wrapper::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.globe {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: grab;
}