.collection-art {
  height: 178px;
  position: relative;
  overflow: hidden;
  background: #123f3c;
}

.collection-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}

.collection-art::after,
.collection-art i {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

.collection-art::after {
  width: 7px;
  height: 7px;
  right: 18%;
  top: 23%;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px 2px rgba(255,255,255,.78), 0 0 14px 5px rgba(226,201,128,.32);
  opacity: .8;
}

.collection-art i {
  width: 1px;
  height: 30px;
  right: calc(18% + 3px);
  top: calc(23% - 12px);
  background: linear-gradient(transparent, rgba(255,255,255,.82), transparent);
  transform: rotate(45deg);
}

.collection-art span { z-index: 3; }
.jewel-collection-grid article:hover .collection-art img { transform: scale(1.045); }