/* our services css  starts here */

.imageItem{
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
  
.middle {
      transition: .5s ease;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      text-align: center;
}
  
.image-grid:hover .imageItem {
      opacity: 0.3;
}
    
.image-grid:hover .middle {
      opacity: 1;
}
  
.stext{
      /* background-color: seashell; */
      color: grey;
      font-size: 16px;
      padding: 16px 32px;
}