我一直试图创建一个网站标题与网站名称上2行和第一行的标志。我已经尝试了CSS Grid和Flex，但在这种情况下，我只能通过绝对，这将使网站不适应，不可扩展。

.header.main {
  margin-top: 10%;
}

.site-title {
  display: flex;
}

.big-logo {
  float: right;
  margin-left: 300px;
  width: 141px;
  height: 136px;
  max-width: 100%;
  height: auto;
}

.graficlogo {
  width: 100%;
  height: auto;
  object-fit: contain;
}

h1.main-title {
  position: relative;
  font-family: 'Neue Machina';
  font-style: normal;
  font-weight: 800;
  font-size: 128px;
  line-height: 95.36px;
  color: #EDFB3A;
}

p {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-transform: lowercase;
  color: #FFFFFF;
}

<div class="header main">

  <div class="site-title">
    <div class="big-logo">
      <img class="graficlogo" src="assets/img/Logo.png" alt="Logo">
    </div>
    <h1 class="main-title">
      мои <br> достижения
    </h1>
  </div>
  <p>
    онлайн-платформа централизации достижений и развития активной деятельности
  </p>

</div>

你好，我是说：логотип находится слева и сдвигает надпись
你好，我是说логотип находится справа от первой строки заголовка и не мешает отображению надписи