Vue
HTML
<div id="app">
<div id="myContent" :style="{ '--bgImage': `url('${content.icon.url}')` }">
...some content here
</div>
</div>
SCSS
#myContent {
&:after {
content: '';
background: var(--bgImage);
background-size: contain;
background-repeat: no-repeat;
background-position: top left;
width: 40vw;
height: 100%;
position: absolute;
top: 0;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
transform: translateY(-0vh);
}
}
Vue
new Vue({
el: "#app",
data: {
content: {
icon: {
url: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/Stack_Overflow_logo.svg/1280px-Stack_Overflow_logo.svg.png'
}
}
},
methods: {
}
})