#myCarouselSection .carousel-item {
  height: 700px;          /* 이미지 높이와 같거나 원하는 높이 */
  overflow: hidden;       /* 내용이 넘치면 숨기기 */
  position: relative;     /* 오버레이 위치 조정용 */
}

#myCarouselSection .carousel-item img {
  height: 100%;           /* 부모 높이에 꽉 채우기 */
  width: 100%;
  object-fit: cover;      /* 비율 유지하며 꽉 채우기 */
  border-radius: 25px;
}

#myCarouselSection .carousel-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 수직·수평 중앙 정렬 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;        /* 전체 너비 사용 */
  max-width: 700px;   /* 최대 너비 제한 */
  text-align: center;
  color: white;
  z-index: 2;
  pointer-events: none;
  padding: 1rem;
}

#myCarouselSection.dragging,
#myCarouselSection.dragging * {
  user-select: none;       /* 텍스트 선택 막기 */
  -webkit-user-drag: none; /* 이미지 드래그 막기 (웹킷 계열) */
  -moz-user-select: none;
  -ms-user-select: none;
}