Image Overlay CSS

.gallery-item {

position: relative;

padding: 0 !important;

width: 32% !important;

margin:auto !important;

margin-bottom: 5px !important;

margin-right: 5px !important;

transition: 0.3s;

}

.gallery-item:hover:before{

content:"+" !important;

width: 100% !important;

font-size: 40px;

height: 100% !important;

background: rgba(56, 76, 119, 0.7) !important;

position: absolute !important;

top: 0 !important;

left: 0 !important;

z-index: 4;

display: flex;

align-items: center;

justify-content:center;

color: #fff;

transition: 0.3s;

}