.guide-shot {
  margin: 22px 0 8px;
}

.guide-shot a {
  display: block;
  pointer-events: none;
  cursor: default;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: #f7f8fa;
  box-shadow: 0 10px 28px #10182012;
  line-height: 0;
}

.guide-shot img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .18s ease;
}

.guide-shot img[src$="avatar-picker-demo.svg"] { content: url("/assets/avatar-picker-demo.png"); }
.guide-shot img[src$="user-profile-demo.svg"] { content: url("/assets/user-profile-demo.png"); }
.guide-shot img[src$="game-interface-demo.svg"] { content: url("/assets/game-interface-demo.png"); }
.guide-shot img[src$="round-interface-demo.svg"] { content: url("/assets/round-interface-demo.png"); }
.guide-shot img[src$="shooting-training-demo.svg"] { content: url("/assets/shooting-training-demo.png"); }

.guide-shot a:hover img {
  transform: none;
}

.guide-shot figcaption {
  padding: 10px 4px 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}

@media (max-width: 560px) {
  .guide-shot {
    margin-inline: -7px;
  }
}