Can a background image be larger than the div itself?

Question

I have a footer div with 100% width. It\'s about 50px high, depending on its content.

Is it possible to give that #footer a background image that kind of overflows t

Answer 1

Use trasform: scale(1.1) property to make bg image bigger, move it up with position: relative; top: -10px;

    



.home-hero__img{
 position:relative;
    top:-10px;
    transform: scale(1.1);
    background: {
        size: contain;
        image: url('image.svg');
    }
}