/* style.css */

/* 1. 라이브러리가 자동 생성하는 전체 감싸는 상자 크기 제어 */
.ff-container {
  width: 700px !important;    /* 원하시는 가로 크기 */
  height: 390px !important;   /* 원하시는 세로 크기 */
  margin: 0 auto !important;  /* 화면 중앙 정렬 */
  display: block !important;
}

/* 2. 상자 내부에 들어가는 정지 화면(캔버스) 크기 제어 */
.ff-canvas {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* 비율 유지하며 꽉 채우기 */
}

/* 3. 상자 내부에 들어가는 실제 GIF 이미지 크기 제어 */
.ff-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}