/* Optically center the waving mascot in compact placements.
   Its raised hand gives the artwork more visual weight on the left. */
html body main.app-shell section.map-stage header.topbar #logoHomeButton img {
  object-position: center center !important;
  transform: translateX(4%) !important;
  transform-origin: center !important;
}

html body main.app-shell section.map-stage.memories-focus #memoryList .memory-lane-empty-art img {
  object-position: center center !important;
  transform: translateX(3%) !important;
  transform-origin: center !important;
}

@media (max-width: 720px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  html body main.app-shell section.map-stage header.topbar #logoHomeButton img {
    transform: translateX(5%) !important;
  }

  html body main.app-shell section.map-stage.memories-focus #memoryList .memory-lane-empty-art img {
    transform: translateX(3.5%) !important;
  }
}