.section {
            padding: 50px 0;
        }
        .image-wrapper {
            position: relative;
            width: 100%; /* ความกว้างของคอลัมน์หรือพื้นที่ที่รูปอยู่ */
            max-width: 400px; /* กำหนดขนาดสูงสุดสำหรับรูปภาพ */
            height: 250px; /* ความสูงที่ต้องการสำหรับสี่เหลี่ยมด้านขนาน */
            margin: 0 auto; /* จัดให้อยู่กึ่งกลาง */
        }

        .custom-img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* รักษาสัดส่วนของรูปภาพ */
            border-radius: 10px; /* เพิ่มความโค้งมนเล็กน้อย */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* เพิ่มเงาให้ภาพ */
            transition: transform 0.3s ease; /* เพิ่มเอฟเฟกต์การขยับ */
        }

        .custom-img:hover {
            transform: scale(1.05); /* ขยายรูปเล็กน้อยเมื่อ hover */
        }
        
        .vision-mission-section {
            background-image: url('../picture/background-vision.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            padding: 100px 0;
            text-align: center;
            position: relative;
        }
        .vision-mission-section2 {
            background-image: url('../picture/background-about6.png');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            padding: 100px 0;
            text-align: center;
            position: relative;
        }
        .vision-mission-section3 {
            background-image: url('../picture/background-about7.png');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            padding: 100px 0;
            text-align: center;
            position: relative;
        }

        .content-wrapper {
            max-width: 1000px;
            margin: 0 auto;
            animation: fadeInUp 2s ease-in-out;
        }

        .section-title {
            font-size: 2.5rem;
            margin-bottom: 30px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }


        /* แผนการพัฒนา */
        #personnel-development-plan {
            background-color: #f9f9f9;
            padding: 40px 0;
        }

        #personnel-development-plan h2, #personnel-development-plan h3 {
            font-weight: bold;
        }

        #personnel-development-plan p {
            font-size: 18px;
        }

        #personnel-development-plan ul {
            list-style-type: none;
            padding: 0;
        }

        #personnel-development-plan ul li {
            padding: 8px 0;
            font-size: 16px;
            position: relative;
        }

        #personnel-development-plan ul li:before {
            content: '✓';
            position: absolute;
            left: -20px;
            color: #28a745;
        }

        /* Responsive styling */
        @media (max-width: 768px) {
            #personnel-development-plan h3 {
                font-size: 20px;
            }

            #personnel-development-plan ul li {
                font-size: 14px;
            }
        }