html, body {
  overflow-x: hidden;
  max-width: 100%;
  cursor: none;
}

#cursor {
  position: fixed;
  width: 26px;
  height: 18px;
  pointer-events: none;
  z-index: 9999999;
  transform: translate(-50%, -50%);
  background-image: url('images/logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (hover: none) and (pointer: coarse), (max-width: 1024px) {
  #cursor { display: none; }
  .cloud  { display: none; }
}

@media (max-width: 1024px) {
  html, body { cursor: auto; }
}

.cloud {
  position: fixed;
  pointer-events: none;
  z-index: 9999998;
  opacity: 0;
  background-image: url('images/logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}