Bom dia, queria saber como ajustar o tamanho da imagem quando uso flexbox, quando coloco a imagem ela fica do tamanho do texto, quanto maior o texto, a imagem vai crescendo junto.
<body>
<main class="main">
<img src="./images/testando.png" alt="">
<div class="principal">
<h1>Hcode Treinamentos</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book.
</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry..</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical
Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at
Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a
Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the
undoubtable source.</p>
</div>
</main>
</body>
.main{
display: flex;
}
.principal{
flex-direction: column;
}
.image{
background-image: url("./images/testando.png");
width: 200px;
height: 100px;
}