I have been utilizing the 'Big Picture' template to design a webpage. The overlay.png file adds a lighter background effect by overlaying intro.jpg with a partially transparent blue graphic. Despite my efforts to adjust the opacity and gradient/RGBA settings in the css.main file, I haven't been successful in preventing the dimming of the intro image. Any suggestions on how to achieve this?
Here is a snippet from my css.main script:
/* Intro */
#intro {
background: url("images/overlay.png"), url("../../images/intro.jpg");
background-size: 256px 256px, cover;
background-attachment: fixed, fixed;
background-position: top left, bottom center;
background-repeat: repeat, no-repeat;
}
/* One */
#one {
background: url("images/overlay.png"), url("../../images/one.jpg");
background-size: 256px 256px, cover;
background-attachment: fixed, fixed;
background-position: top left, center center;
}
/* Two */
#two {
background: url("images/overlay.png"), url("../../images/two.jpg");
background-size: 256px 256px, cover;
background-attachment: fixed, fixed;
background-position: top left, center center;
}
You can access the overlay image here. Thank you for your help!