.row {
height: 100%;
width: 3000px;
max-width: 100%;
background-color: blue;
}.logo{
width: 100px;
height: 20px;
position: relative;
background-size: cover;
background-image: url(logo.png);
}
.logo__loaded{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 0%;
background-size: cover;
background-image: url(logo2.png);
}<div class="logo">
<div class="logo__loaded" style="70%"></div>
</div<img width="20" height="20"><article class="item">
<header class="item-header">
<img>
<h3></h3>
</header>
<div class="item-body">
<p></p>
</div>
</article><main>, если можно - то <div class="item-body"> заменить на <main class="item-body"><footer>