/*this will need to be uploaded to your neocities website as 'draggablelatte.css' in the main/default folder*/

.draggable {
   position: absolute;
   width: 100px;
   height: 100px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -khtml-user-select: none;
   user-select: none;
   cursor: default;
}
/* top and left will decide where the image starts on the screen!*/
.latte1 {
  background: transparent;
  top: 175px;
  left: 75px;
}

.latte2 {
  background: transparent;
  top: 20px;
  left: 375px;
}

.latte3 {
  background: transparent;
  top: 20px;
  left: 1275px;
}

.latte4 {
  background: transparent;
  top: 175px;
  left: 1575px;
}

.latte5 {
  background: transparent;
  top: 450px;
  left: 75px;
}

.latte6 {
  background: transparent;
  top: 605px;
  left: 375px;
}

.latte7 {
  background: transparent;
  top: 605px;
  left: 1275px;
}

.latte8 {
  background: transparent;
  top: 450px;
  left: 1575px;
}

.note{
  background: transparent;
  top: 300px;
  left: 700px;
}