/* 1. จัดการตัวครอบหลัก */
.main-visual-container {
    position: relative; /* สำคัญ! กำหนดเป็นจุดอ้างอิง */
    width: 100%;
    overflow: hidden; /* กันข้อความวิ่งหลุดขอบ */
}

/* 2. จัดการรูปภาพ (ถ้าเป็น <img>) ให้เต็มพื้นที่ */
.background-photo {
    width: 100%;
    display: block;
}

/* 3. จัดการส่วนข้อความวิ่งให้ลอยทับด้านล่าง */
.scrolling-overlay {
    position: absolute; /* ลอยทับแบบอิสระ */
    bottom: 0;           /* ชิดขอบล่างของตัวครอบ */
    left: 0;             /* ชิดซ้าย */
    width: 100%;        /* กว้างเต็ม */
    
    /* สไตล์สีและพื้นหลัง (ปรับตามใจชอบ) */
    background-color: rgba(0, 0, 0, 0.7); /* สีดำโปร่งแสง (เพื่อให้เห็นภาพหลัง) */
    color: #fff;         /* ตัวอักษรสีขาว */
    padding: 10px 0;      /* เว้นระยะบน-ล่าง */
    font-size: 16px;     /* ขนาดตัวอักษร */
    z-index: 10;          /* ให้มั่นใจว่าอยู่ชั้นบนสุด */
}