.rounded-box {
    position: fixed;               /* 화면에 고정 */
    top: 200px;                    /* 초기 top (스크롤에 따라 바뀜) */
    left: calc(50% - 780px);       /* 중앙에서 왼쪽 960px */
    width: 190px;
    height: 200px;
    color: white;
    font-family: sans-serif;
    text-align: center;
    z-index: 9999;

    /* 부드러운 이동 */
    transition: top 0.3s ease-out;
  }
  .rounded-box img{
    border-radius: 30px 10px 30px 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,.2);
    max-width: 100%;
    height: auto;
  }	

/* 컨테이너: 크기 조정과 회전을 위한 기준 */
.left_img {
  display: block;
  width: 140px;
  padding-bottom: 56.25%;   /* 16:9 비율 */
  overflow: hidden;
  position: relative;
  transition: transform 0.2s ease;   /* hover 진입/이탈 부드럽게 */
  transform-origin: center center;   /* 확대/회전 중심 */
}

/* 이미지 스타일 */
.left_img img {
  width: 100%;
  height: 78px;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.2s ease;   /* 이미지 자체도 부드럽게 */
}

/* 호버 시: 확대 + 살짝살짝 회전 애니메이션 */
.left_img:hover {
  animation: wiggle-zoom 0.7s ease-in-out infinite;
}

@keyframes wiggle-zoom {
  0%, 100% {
    transform: scale(1.08) rotate(0deg);
  }
  25% {
    transform: scale(1.08) rotate(3deg);
  }
  75% {
    transform: scale(1.08) rotate(-3deg);
  }
}

/* 호버 해제 시 부드럽게 원래대로 */
.left_img:not(:hover) {
  animation: none;
}