#what-on .card-img-top {
    height: 200px;
    /* หรือใช้ aspect-ratio */
    object-fit: cover;
}

#what-on .card-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    /* ให้ตัดข้อความที่เกิน 4 บรรทัด */
}

#what-on .title-ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* กำหนดให้อ่าน text ในแนวตั้ง */
    -webkit-line-clamp: 2;
    /* แสดงข้อความสูงสุด 2 บรรทัด */
    overflow: hidden;
    text-overflow: ellipsis;
}