I want to use this image https://i.sstatic.net/gt30c.jpg
as a background for a section on my page. My preference is to have the white part cover only 75% of the screen, stopping before reaching the content in the left grid.
Is it possible to achieve this? I attempted the following CSS:
background: rgba(0, 0, 0, 0) url("../img/page-bg.jpg") repeat-y scroll left center / auto 75%;
Unfortunately, it didn't work as expected.
Can anyone help me make this work? I am using Bootstrap 3 grid system with columns:
lg-9 (Content) & lg-3 (Right side navigation menu)
Thank you!