Add a hover overlay above entire block (not working)

How To
2

Ended up doing some fancy stuff:

.block-hover-effect {
  position: relative;
  overflow: hidden;
}

.block-hover-effect::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0); /* start transparent */
  transition: background 0.3s ease;
  z-index: 1;
  pointer-events: none;
}

.block-hover-effect:hover::after {
  background: rgba(0, 0, 0, 0.1); /* adjust for desired darkness */
}

Also there is this thread: How to activating all hover effect in one block when mouse arrow hover one the block area?

This would be a nice addition for Bricks to add, however, as its a common need!