<div class="block">
    <div class="back-panel"></div>
</div>

Но надо менять расположения back-panel, ставить его то справа то слева. Как лучше делать.

<div class="block block--left">
    <div class="back-panel"></div>
</div>

и в css делать
.block {
 &--left {
  .back-panel { //переопределение }
 }
}

или

<div class="block block--left">
    <div class="back-panel back-panel--left"></div>
</div>