.thumbnailContainer {
  text-align: center;
  background-color: #000;
  border-radius: 1.2rem 1.2rem 0 0;
  width: 100%;

  .thumbnail {
    display: inline-block;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;

    &::before {
      display: block;
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      box-shadow: inset 0 0 1rem 1rem rgba(0, 0, 0, 0.9);
    }

    a {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 22rem;
      height: 6.2rem;
      font-size: 2.4rem;
    }

    img {
      display: block;
    }

    iframe {
      display: block;
    }

    &.hide {
      display: none;
    }
  }
}
