.banner-menu {
z-index: auto;
color: #FFFFFF;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
overflow: hidden;


}

.banner {
  border-radius: 10px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  /*display: block;*/
}

.banner::after {
 
  z-index: -1;
  box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
              0 2px 2px rgba(0,0,0,0.11), 
              0 4px 4px rgba(0,0,0,0.11), 
              0 6px 8px rgba(0,0,0,0.11),
              0 8px 16px rgba(0,0,0,0.11);
  border-radius: 10px;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.banner:hover {
  -webkit-transform: scale(1.02, 1.01);
  transform: scale(1.02, 1.02);
}

.banner:hover::after {
    opacity: 1;
}