JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="pt-br">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Save The World</title>

    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">

  </head>

  <body>

    <section id="menu2" class="projeto2">

      <div class="sobre-projeto2">
        <div class="texto">
          <h2>Causa das mudanças</h2>
          <p>As mudanças climáticas podem ter causas naturais como alterações na radiação solar e dos movimentos orbitais da Terra ou podem ser consequência das atividades humanas. O Painel Intergovernamental de Mudanças Climáticas (IPCC), órgão das Nações Unidas,
            responsável por produzir informações científicas, afirma que há 90% de certeza que o aumento de temperatura na Terra está sendo causado pela ação do homem. A partir da Revolução Industrial o homem passou a emitir quantidades significativas de
            gases de efeito estufa (GEE), em especial o dióxido de carbono. Neste período, a concentração original de 280 ppm4 deste gás cresceu até os atuais 400 ppm5, intensificando significativamente o efeito estufa. Assim, as atividades humanas passaram
            a ter influência importante nas mudanças climáticas.
          </p>
        </div>

        <div class="imagem2">
          <img height="120" src="https://image.freepik.com/fotos-gratis/fumaca-do-industrial-na-atmosfera_33799-3042.jpg" alt="fabricas liberando c02"> (https://imgur.com/lxJGq3l)

        </div>
      </div>
    </section>

  </body>

</html>

CSS

.projeto2 {
  display: flex;
  width: 100%;
  margin: 0px;
  padding: 30px 0px 20px 0px;
  background-color: #2042CC;
  flex-wrap: wrap;
}

.sobre-projeto2 {
  flex: 50%;
  padding: 0px 50px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.sobre-projeto2 h1 {
  font-size: 30px;
  text-align: center;
}

.sobre-projeto2 p {
  text-align: center;
}

.imagem2 {
  flex: 50%;
  padding: 50px 50px;
  right: 100%;
}