 <style>
        @media (max-width: 768px) {
            .container {
                width: 90%;
                padding: 20px;
            }

            .team {
                flex-direction: column;
                align-items: center;
            }

            .team-list {
                flex-direction: column;
                align-items: center;
            }

            .column {
                width: 90%;
            }

            
        }

      


        .team {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
            margin-bottom: 40px;
        }

        .member {
            width: 320px;
            text-align: center;
            padding: 20px;
            background: #f9f9f9;
            border-radius: 12px;
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s;
        }

        .member:hover {
            transform: translateY(-10px);
        }

        .photo {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            overflow: hidden;
            margin: 0 auto 15px;
            border: 5px solid #007BFF;
        }

        .photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .bold {
            font-weight: bold;
            text-decoration: underline;
            font-size: 19px;
            margin-bottom: 20px;
            color: #333;
        }

        .team-list {
            display: flex;
            justify-content: space-around;
            text-align: left;
            flex-wrap: wrap;
            gap: 30px;
        }

        .column {
    
            background: #f9f9f9;
            padding: 20px;
            border-radius: 12px;
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
        }

        p {
            font-size: 18px;
            color: #333;
            margin: 10px 0;
        }

      

        a:hover {
            text-decoration: underline;
        }
    </style>