@media (max-width: 767px) {

  #orchard-visual .orchard-stage {
    height: 65vh;
  }

  #orchard-visual .tree {
    width: 80%;
  }

  #orchard-visual .fruit {
    width: 12vw;
    max-width: 80px;
  }

  #orchard-visual .apple  { left: 50%; top: 48%; transform: translateX(-50%); }
  #orchard-visual .lemon  { left: 26%; top: 57%; }
  #orchard-visual .grape  { left: 50%; top: 65%; transform: translateX(-50%); }
  #orchard-visual .orange { left: 65%; top: 62%; }

  #orchard-visual .farmer {
    width: 24vw;
  }

  #orchard-visual .robot {
    width: 18vw;
  }

  #orchard-visual .drone {
    width: 20vw;
  }
}