.mh-menu {
  height: 1120px;
  width: 800px;
  margin: 20px auto;
  position: relative;
}

.mh-menu li{
  list-style: none;
  width: 500px;
}

.mh-menu li a{
  display: block;
  width: 480px;
  padding: 0px 10px;
  text-align: right;
  position: relative;
  z-index: 10;
  height: 140px;
  border-right: 1px solid #BAA93C;
}

.mh-menu li:nth-child(1):hover a,
.mh-menu li:nth-child(2):hover a, 
.mh-menu li:nth-child(3):hover a, 
.mh-menu li:nth-child(4):hover a, 
.mh-menu li:nth-child(5):hover a, 
.mh-menu li:nth-child(6):hover a, 
.mh-menu li:nth-child(7):hover a,
.mh-menu li:nth-child(8):hover a {
  background-color: #BAA93C;
}

.mh-menu li a span{
  display:block;
}

.mh-menu li a span:first-child{
  font-weight: 400;
  font-style: italic;
  font-size: 28px;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.mh-menu li a span:nth-child(2){
  font-weight: 700;
  font-size: 12px;
  color: #ddd;
}

.mh-menu li:hover a span:first-child, 
.mh-menu li:hover span:nth-child(2){
  color: #000000;
}

.mh-menu li img{
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  opacity: 0;
  -webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
  -moz-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
  -o-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
  -ms-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
  transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
}

.mh-menu li:nth-child(1):hover img {
  left: 520px;
  opacity: 1;
}

.mh-menu li:nth-child(2):hover img {
  top: 95px;
  left: 520px;
  opacity: 1;
}

.mh-menu li:nth-child(3):hover img {
  top: 191px;
  left: 520px;
  opacity: 1;
}

.mh-menu li:nth-child(4):hover img {
  top: 287px;
  left: 520px;
  opacity: 1;
}

.mh-menu li:nth-child(5):hover img {
  top: 383px;
  left: 520px;
  opacity: 1;
}

.mh-menu li:nth-child(6):hover img {
  top: 478px;
  left: 520px;
  opacity: 1;
}

.mh-menu li:nth-child(7):hover img {
  top: 574px;
  left: 520px;
  opacity: 1;
}

.mh-menu li:nth-child(8):hover img {
  top: 669px;
  left: 520px;
  opacity: 1;
}