css background image distraction container height

a background-image attribute, not a block of content elements, is not a distraction height. To achieve this effect, usually by: to fill before: after,.

   .teamDiv{
      background: url(/image/home_team.jpg);
      background-repeat:no-repeat; 
      background-size:100% 100%;
      background-position-x: center;
      margin: 0 auto;

    }
    .teamDiv::after{
      content: "";
      display: block;
      padding-bottom: 36%;

    }

   <div class=" teamDiv" >
     
      <div class="teamContent">
        <p class="text-center team-title">友昆团队</p>
        <p class="text-center team-title_en">YOUKING TEAM</p>
        <p class="text-center team_p">二十年经验的团队</p>
        <p class="text-center team_p_en">Team of twenty years of experience</p>
        < P class = "text-Center team_p" > provides team cost-effective solution is </ P > 
        < P class = "text-Center team_p_en" > 
          A Team that Offers A cost-Effective Solution 
        </ P > 
        < P class = " Center team_p-text " > works of award-winning team at home and abroad </ the p- > 
        < the p- class =" text-Center team_p_en " > 
          award-winning team AT Home and abroad 
        </ the p- > 
        < the p- class ="Center team_p-text " > thinking and imaginative, rigorous work team</ The p- > 
        < the p- class = "text-Center team_p_en" > 
          A Team that IS Open-minded and Rigorous 
        </ the p- > 
        < the p- class = "text-Center team_p" > innovative research team </ the p- > 
        < the p- class = "text-Center team_p_en" > Research, Innovative team </ P > 
        < P class = "text-Center team_p" > energy-conscious team </ P > 
        < P class = "text-center team_p_en">Team-Saving Energy </ P > 
        < P class = "text-Center team_p" > multi-system, a diversified combination of team </ P > 
        < P class = "text-Center team_p_en" > the Multi-System, Diverse Team </ P > 
      </ div > 
    </ div >