.dice {
  background-image: url(../img/dice.png);
  background-repeat: no-repeat;
  display: inline-block;
}

.dice-1 {
  width: 50px;
  height: 50px;
  background-position: 0 0;
}

.dice-2 {
  width: 50px;
  height: 50px;
  background-position: -50px 0;
}

.dice-3 {
  width: 50px;
  height: 50px;
  background-position: 0 -50px;
}

.dice-4 {
  width: 50px;
  height: 50px;
  background-position: -50px -50px;
}

.dice-5 {
  width: 50px;
  height: 50px;
  background-position: -100px 0;
}

.dice-6 {
  width: 50px;
  height: 50px;
  background-position: -100px -50px;
}