Image

Square only

Shift the image to the edge.


In many cases you may need to stretch the image to the left or right side of the window. Add img-shifted shift-left or img-shifted shift-right classes to the parent element of the background image. The image will step out from it's container.

<div class="img-shifted shift-right">
    <div class="bg-image bg-cover" style="background-image: url(../assets/images/photos/photo-28.jpg);"></div>
</div>