<section class="team">
<div class="container">
<header class="team__header"> <!-- не ясно зачем вообще эта обертка -->
<h2 class="team__title"></h2>
<h3 class="team__subtitle"></h3>
</header>
<ul class="team__list">
<li class="team__item"> <!-- Можно выделить в блок, если зачем-то нужно -->
<img class="team__image" src="" alt=""> <!-- наверное с оберткой будет -->
<h4 class="item__title"></h4>
<p class="item__position"></p>
<ul class="team__social social">
<li class="social__item">
<a href="" class="social__link">
<span class="visually-hidden">Наш аккаунт в Instagram</span>
</a>
</li>
<li class="social__item">
<a href="" class="social__link">
<span class="visually-hidden">Наш аккаунт в Instagram</span>
</a>
</li>
<li class="social__item">
<a href="" class="social__link">
<span class="visually-hidden">Наш аккаунт в Instagram</span>
</a>
</li>
<li class="social__item">
<a href="" class="social__link">
<span class="visually-hidden">Наш аккаунт в Instagram</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
</section>Та. наполнять будет человек, для него делать пропорции,кадрировать то темный лес
object-fit. aspect-ratio в пару к object-fit
по каким параметрам мне их готовить? я не въезжаю вооообще
они в основном просто лупят positing fixed который мне ломает поток и внешний вид таблицы
Отсюда вопрос: какая цель у той обертки, которую вы хотите сделать? Чего ради?
Конкретно про лого: обычно лого это ссылка на главную страницу сайта, т.е. как-то условно так
<a class="logo" href="/"><img></a>Я бы сформулировала правило так: чем проще, тем лучше, если нет аргументов делать иначе.
Например: меню сайта.
Проще: накидать ссылок россыпью.
Но есть аргументы доступности, поэтому россыпью не делают, а оборачивают в список, а его в свою очередь в
navТ.е. решаем в каждой конкретной ситуации.