/* wildcard styling */
        * {
            box-sizing: border-box;
        }
          
        /* padding for whole body */
        .team_section .body {
            /* font-family: "Roboto", sans-serif;
            color: #0c0c0c;
            background-color: #ffffff; */
            padding: 15px;
        }
          
        /* styling body */
        .team_section .container {
            max-width: 1200px;
            margin: auto;
        }

        .team_section .container .detail-box {
            position: absolute;
            width: 100%;
            color: #ffffff;
            padding: 25px 15px;
            text-align: center;
            bottom: 0;
            background-color: rgba(28, 28, 28, 0.75);
          }
          
        .team_section .h1 {
            /* color: rgb(8, 8, 8); */
            position: absolute;
            width: 100%;
            color: #ffffff;
            padding: 25px 15px;
            text-align: center;
            bottom: 0;
            background-color: rgba(28, 28, 28, 0.75);
        }
          
        /* anchor tag decoration */
        .team_section a {
            text-decoration: none;
            color: #5673C8;
        }
          
        .team_section a:hover {
            color: lightblue;
        }
          
        /* paragraph tag decoration */
        .team_section p {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden;
      
        }
          
        /* row and column decoration */
        .team_section .row {
            margin: 0px -18px;
            padding: 8px;
        }
          
        .team_section .row > .column {
            padding: 6px;
        }
          
        .team_section .column {
            float: left;
            width: 25%;
        }
          
        .team_section .row:after {
            content: "";
            display: table;
            clear: both;
        }
          
        /* content decoration */
        .team_section .content {
            background-color: white;
            padding: 10px;
            border: 1px solid gray;
        }
          
        /* window size 850 width set */
        @media screen and (max-width: 850px) {
            .column {
                width: 50%;
            }
        }
      
        /* window size 400 width set */
        @media screen and (max-width: 400px) {
            .column {
                width: 100%;
            }
        }

        .team_section img {
            float: left;
            width:  auto;
            height: 300px;
            object-fit: cover;
        }