#mnsry_container {
  position: relative;
}

#mnsry_container:hover img {
  opacity: 0.28;
}

#mnsry_container article {
  width: 33.3%;
  min-height: 200px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
}

#mnsry_container article h1 {
  /*position: absolute;*/
  /*top: 46%;*/
  /*left: 0;*/
  /*width: 100%;*/
  /*text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);*/
  /*transition: all 1.2s;*/
  /*z-index: 1;*/
}

#mnsry_container article img {
  display: block;
  width: 100%;
  transition: all .8s;
}

#mnsry_container article:hover h1 {
  transform: translate3d(0, 18px, 0) scale(1.2, 0.4);
  opacity: 0;
}

#mnsry_container article:hover img {
  opacity: 1;
  transform: scale(1.04);
}

#loading_msg {
  position: fixed;
  top: 48%;
  width: 100%;
  z-index: -1;
  color: rgb(0,0,0);
  font-size: 28px;
  font-family: arial;
  text-align: center;
}

@media (max-width: 860px) {
  #mnsry_container article {
    width: 50%;
    min-height: 150px;
  }
}

@media (max-width: 667px) {
  #mnsry_container article {
    width: 100%;
    min-height: 220px;
  }
}