How to load an background image in the assets folder in scss, using angular

Question

I'm trying to do this on angular, on styles.scss

.main-content {
    height: 80vh;
    padding: 30px;
    background-image: '/assets/adult-g3180e6c1c_1920.jpg';
}

But Google Inspector says this: Google Inspector comment

Help please!!!

Answer 1

Try

.main-content {
  height: 80vh;
  padding: 30px;
  background-image: url('assets/adult-g3180e6c1c_1920.jpg'); 
 }