.imgsld {
  position: absolute;
  right: 50px;
  top: 10px;
  width: 360px;
  height: 190px;
  overflow: hidden;
  border-radius: 20px;
  z-index: 4;
  border: 2px solid white;
}

.sld {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  transition: transform 2s ease;
}

.crun {
  z-index: 4;
  transform: scale(1);
}


.curn.zoom {
  transform: scale(1.08);
  filter: blur(2px);
}

.next {
  z-index: 2;
  clip-path: circle(0% at center);
  transition: clip-path 2s ease-in-out;
}

.next.show {
  clip-path: circle(150% at center);
}

.jud{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    color: black;
    background-color: rgba(255,255,255,0.7);
    z-index: 5;
}

.hidden {
  opacity: 0;
  pointer-events: none;
}