.picContainer {
   position: relative;
   width: 350px;
   height: 300px;
   background-position:center center;
   background-repeat:no-repeat;
  }

  .picOverlay {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: .5s ease;
   background-position:center center;
   background-repeat:no-repeat;
   background: url('images/Hover.png');
  }

  .picContainer:hover .picOverlay {
   opacity: 0.5;
   cursor: pointer;
  }

  .picText {
   margin-top: 140px;
   font-weight: bold;
   font-family: Calibri;
   letter-spacing: 2px;
   font-size: 20px;
   text-align:center;
   color: white;
   opacity: 1.0;
  }