Hello! I need help with the background on my footer. I want the background of the last section of my footer to be two colors: beige on the bottom and white on the top. I've managed that step successfully with the first code snippet below. However, I also want to add a background image over the colors and can't get that to work. It's a transparent png file of some shapes that will frame the footer on the left/right sides (so the color should show through). The second code snippet adds the image, but then the color disappears. Assuming I can get that figured out, I also want to change the focus on the image to the upper left corner for mobile viewing. Any help is much appreciated!
/* Split color footer */
footer#footer-sections .page-section:last-of-type .content-wrapper {
height: 100%;
background: linear-gradient(180deg, #FFFFFF 50%, #F9F6EE 50%);
}
/* Footer background image*/
footer#footer-sections .page-section:last-of-type .content-wrapper {
background-image: url ('url');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 999;
}