/* กรอบจำกัดความสูง (เช่น ให้แสดงผลสูง 500px ถ้าภาพยาวกว่านี้จะมี Scrollbar ให้เลื่อน) */
.manual-scroll-container {
    position: relative;
    width: 100%;
    max-height: 500px; /* ปรับความสูงของกรอบที่แสดงผลได้ตามต้องการ */
    overflow-y: auto;   /* เปิดให้เลื่อนขึ้น-ลงเฉพาะแนวตั้ง */
    overflow-x: hidden;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
    background: #f9f9f9;
    border: 1px solid #eee;
}

/* ตัวรูปภาพจะแสดงขนาดจริงตามความกว้างของเว็บและความสูงแท้จริง */
.manual-scroll-img {
    width: 100%;
    height: auto;
    display: block;
}

/* ตกแต่ง Scrollbar ให้ดูทันสมัย (รองรับ Chrome, Edge, Safari) */
.manual-scroll-container::-webkit-scrollbar {
    width: 8px;
}

.manual-scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 0 12px 12px 0;
}

.manual-scroll-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.manual-scroll-container::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}