.menu-photo {
  display: block;
  background-image: url("assets/current-menu-sprite-v2.png");
  background-repeat: no-repeat;
  background-size: 400% 400%;
  background-color: #eee7d8;
}

.menu-photo-m5 { background-position: 0 0; }
.menu-photo-m6 { background-position: 33.333% 0; }
.menu-photo-m7 { background-position: 66.667% 0; }
.menu-photo-m8 { background-position: 100% 0; }

.menu-photo-m16 { background-position: 0 33.333%; }
.menu-photo-m17 { background-position: 33.333% 33.333%; }
.menu-photo-m9 { background-position: 66.667% 33.333%; }
.menu-photo-m10 { background-position: 100% 33.333%; }

.menu-photo-m20 { background-position: 0 66.667%; }
.menu-photo-m15 { background-position: 33.333% 66.667%; }
.menu-photo-m13 { background-position: 66.667% 66.667%; }
.menu-photo-m11 { background-position: 100% 66.667%; }

.menu-photo-m19 { background-position: 0 100%; }
.menu-photo-m14 { background-position: 33.333% 100%; }
.menu-photo-m3, .menu-photo-m3l { background-position: 66.667% 100%; }
.menu-photo-m1, .menu-photo-m1l { background-position: 100% 100%; }

.menu-photo-c1, .menu-photo-c2, .menu-photo-c3 {
  background-image: url("assets/coffee-menu-sprite-v1.png");
  background-size: 300% 100%;
}
.menu-photo-c1 { background-position: 0 0; }
.menu-photo-c2 { background-position: 50% 0; }
.menu-photo-c3 { background-position: 100% 0; }