.hero-visual-pro {
  border-color: rgba(30, 26, 44, .1);
  background: #f7f7f5;
  box-shadow: 0 28px 70px rgba(34, 29, 55, .12), 0 6px 18px rgba(34, 29, 55, .07);
}

.hero-visual-pro::after {
  background: linear-gradient(180deg, transparent 62%, rgba(19, 16, 30, .38) 100%);
}

.hero-visual-pro img {
  object-position: 56% center;
}

.hero-visual-pro figcaption {
  border-color: rgba(255,255,255,.7);
  color: #17141e;
  background: rgba(255,255,255,.9);
  box-shadow: 0 12px 30px rgba(20,16,35,.12);
}

.hero-visual-pro figcaption small {
  color: #696575;
}