.image-overlay{border-radius:25px;cursor:pointer;height:150px;margin:10px;overflow:hidden;position:relative;width:350px}.image-overlay img{display:block;height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.overlay-text{color:transparent;font-size:1.5rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:color .3s ease;z-index:2}.image-overlay:before{background-color:gray;content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.image-overlay:hover:before{background-color:#f68d2e;opacity:.8}.image-overlay:hover img{opacity:.2}.image-overlay:hover .overlay-text{color:#fff}.play-button{color:#fff;font-size:4rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:3}.image-overlay:hover .play-button{opacity:0}