.direction-aware-items .direction-aware-item {

  display: block;
  position: relative;
  overflow: hidden;
}
.direction-aware-items .direction-aware-item .direction-aware-overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  background-color: rgba(82, 44, 57, 0.9);
  background-blend-mode: multiply;
  cursor: pointer;

}

.direction-aware-items .direction-aware-item .show {
  top: 0;
  left: 0;
}