h3 {
  margin-block-end: 0;
}

.qr {
  img { width: 100% }
  p { text-align: center; }

  &.blocks {
    flex-wrap: nowrap;
    overflow-x: auto;
    width: calc(100vw - 1rem);
    max-width: 45rem;
    scroll: {
      behavior: smooth;
      snap-type: x mandatory;
    }

    &::-webkit-scrollbar { display: none; }

    &:hover .block.qr:not(:hover) {
      filter: blur(5px);
      transition: all 0.3s ease;
    }
  }

  &.block {
    flex: 0 0 calc(100vw - 2rem);
    scroll-snap-align: start;
    max-width: 13.666rem;
  }
}

