Просто четвертому блоку есть место под вторым, вот он и подставляется под второй блок.
<div class="slider">
<div class="slide1">
<img src=""><br>
<img src="">
</div>
<div class="slide2">
<img src=""><br>
<img src="">
</div>
<div class="slide3">
<img src=""><br>
<img src="">
</div>
</div>
БЭМ расчитан на то, чтобы в дальнейшем можно было без проблем его поддерживать.
Вот тебе пример, ты завтра решишь все заголовки h2 сделать красного цвета, но один захочешь оставить черным.
Если у h2 будет класс pageTitle например, ты сможешь использовать просто модификаторы pageTitle--red, pageTitle--black.
Нет, именно так и должно быть, "блок__элемент--модификатор" (либо "блок--модификатор"), собственно, так это и было задумано.
Но никто не запрещает миксовать таким образом.
Как видишь, у меня средний див является и блоком logo и элементом header__item.
Каждый из них нужен для определения своих стилей.