@media (min-width: 1200px) {
        .display-4 {
            font-size: 40px !important;
        }
        .card-title{
            
        }
      
    }

    /* 平板 (>=768px and <1200px) */
    @media (min-width: 768px) and (max-width: 1199px) {
        .display-4 {
            font-size: 32px !important;
        }
      
    }

    /* 手機 (<768px) */
    @media (max-width: 767px) {
        .display-4 {
            font-size: 28px !important;
        }
        .card-title {
            font-size: 20px  !important;;
        }
    }

    /* iPhone 6 及更小螢幕 (<=375px) */
    @media (max-width: 375px) {
        .display-4 {
            font-size: 24px !important;
        }
        .card-title {
            font-size: 20px  !important;;
        }
    }
    .content-section img {
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }
    
    /* 如果圖片是行內樣式設定寬度，也強制覆蓋 */
    .content-section figure,
    .content-section figure img {
        max-width: 100% !important;
        height: auto !important;
        width: auto !important;
    }
    
    /* 如果有表格包含圖片，確保表格也是響應式的 */
    .content-section table {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .content-section table img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 媒體查詢，在小螢幕上調整圖片大小 */
    @media (max-width: 768px) {
        .content-section img {
            width: 100% !important;
        }
    }