.row {
    display: grid;
    grid-template: 1fr / 1fr;
    border: 1px solid gray;
    padding: 2rem;
    background: #f3f3f3;
    margin-bottom: 2rem;
}

.row>* {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
    width: 100%;
}

.row .overlay {
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
   display: none;
}

.row:hover .overlay {
    display: block;
}

.row .content {
    z-index: 1;
}