.platOptions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  margin-top: 10px;
}

.platOption {
  position: relative;
  border-radius: 10px;
}

.platOption.open {
  margin-top: -2px;
}

.platOption {
  max-width: 100%;
  height: auto;
  margin: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.clippedImage:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -35%;
  width: 100%;
  height: 20px;
  opacity: 0.8;
  transform: rotate(50deg);
  background: rgb(255,255,255);
  /* background: linear-gradient(90deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.4) 100%); */
}

.platOption:hover .clippedImage:after {
  animation: shine 1s linear;
  animation-fill-mode: forwards;
}

@keyframes shine{
  100% {
    top: -80%;
    left: 80%;
  }
}

.clippedImage {
  position: absolute;
}

.sms20 {
  clip-path: polygon(89% 38%, 79% 42%, 74% 35%, 67% 32%, 66% 43%, 57% 48%, 50% 41%, 53% 29%, 59% 28%, 61% 24%, 62% 18%, 62% 10%, 64% 2%, 70% 0%, 79% 0%, 86% 0%, 93% 0%, 100% 0%, 100% 27%, 90% 26%);
}

.sms40 {
  clip-path: polygon(54% 23%, 72% 31%, 74% 41%, 72% 49%, 67% 63%, 54% 57%, 43% 49%, 24% 61%, 22% 45%, 37% 40%);
}

.s7 {
  clip-path: polygon(63% 25%, 85% 45%, 75% 60%, 46% 42%);
}

.s8 {
  clip-path: polygon(68% 26%, 86% 43%, 72% 56%, 43% 42%);
}

.skrzynka1 {
  clip-path: polygon(82% 56%, 80% 68%, 73% 74%, 69% 78%, 58% 74%, 53% 82%, 48% 75%, 56% 69%, 62% 60%, 73% 51%);
}

.skrzynka2 {
  clip-path: polygon(62% 76%, 69% 77%, 72% 91%, 64% 99%, 51% 88%, 44% 94%, 39% 92%, 44% 85%, 50% 87%, 53% 79%);
}

.skrzynka3 {
  clip-path: polygon(77% 46%, 85% 56%, 68% 69%, 51% 54%, 63% 40%);
}

.skrzynka4 {
  clip-path: polygon(60% 31%, 88% 46%, 71% 57%, 46% 41%);
}