- 히어로 배너 배경: Tailwind 클래스 → inline style (빌드 누락 방지)
- 히어로 글씨 색상: inline style로 흰색 강제 적용
- 이미지 hover: scale(1.05) + box-shadow 확대 효과 (CSS 클래스)
- 이미지 컨테이너: overflow:hidden으로 확대 시 넘침 방지
- 라이트박스: Tailwind 클래스 → CSS/inline style로 교체
- 모든 이미지가 1024x1024 정사각형이므로 비율 존중 레이아웃으로 변경
- 히어로 배너: object-cover 배경 → 텍스트+이미지 병렬 레이아웃
- 이미지-텍스트 카드: 이미지 고정 너비(220px) + 비율 유지
- 풀와이드 이미지: max-height 제한 + 중앙 정렬 (object-contain)
- 섹션 히어로(설치/유지보수): 와이드 배경 → 컴팩트 이미지 배치
- Gemini 생성 기술 일러스트레이션 12장 적용
- 히어로 배너 (샤프트 어셈블리 이미지)
- ASCII 다이어그램 → 실제 구성도 이미지 교체
- 이미지-텍스트 카드 레이아웃 (좌우 교차 배치)
- 설치/유지보수 섹션 히어로 이미지 추가
- 이미지 클릭 라이트박스 (순수 JS/CSS)
- max-w-5xl → max-w-6xl 폭 확대
