Skip to main content

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>