.overlay {
    position: relative;
    width: 100%;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    display: inline-block;
    height: 300px;
    border-radius: 6px;
    margin-bottom: 15px;
 }
 .overlay a {
   color: #fff !important;
   text-decoration: none;
   text-transform: none !important;
   font-size: 1em !important;
 }
 .overlay:hover {
   background: #860038;
 }
 .overlay img {
    border-radius: 6px;
    height: 100% !important;
    object-fit: cover;
    filter: brightness(0.5);
    transition: opacity 1s ease;
    width: 100% !important;
    padding: 0 !important;
 }
 .overlay:hover img{
   opacity: 0;
 }
 .overlay h2 {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 90%;
   transform: translate(-50%, -50%);
   text-align: center;
   margin: 0;
 }