.item-banner {
  border-radius: 2.8rem;
  overflow: hidden;
  position: relative;
  display: block;
}
.item-banner::before {
  content: "";
  position: absolute;
  inset: -1px;
  background-image: linear-gradient(to top, #112c5459, #112c541c);
  z-index: 1;
  border-radius: 6px;
  pointer-events: none;
  opacity: 0;
  transition: 0.4s var(--ease2);
}
.item-banner img {
  width: 100%;
  filter: brightness(1);
  -webkit-filter: brightness(1);
  transition: 0.4s var(--ease2);
}

.item-banner:hover img {
  filter: brightness(1.1);
  -webkit-filter: brightness(1.1);
}
/* .item-banner:hover::before {
  opacity: 1;
} */