Html flex容器中的儿童影响其兄弟姐妹

我试图使用flex来对齐我网站中的元素，但是，我遇到了一个标题问题，更改h1的大小也会更改图像的大小，即使我尝试只选择h1。应用于h1的任何属性也会“出血”到图像中

@导入url（'https://fonts.googleapis.com/css?family=Roboto&display=swap');
* {
框大小：边框框；
}
身体{
保证金：0；
填充：0；
字体系列：“Roboto”，无衬线；
}
.标题{
显示器：flex；
利润率：15px 20px 15px 15px；
}
.页面标题{
字体大小：50px；
}

批处理文档

设置图像的固定高度和宽度

.company-logo{
  height: 100px;
  width: 100px;
}