You're right! My apologies. The previous implementation applied the background image and blur to the entire content area, which included the footer.

To fix this, I will restructure the NewImageBackgroundContent component so that the background image and blur are applied only to the main content area, and the SurveyFooter retains its solid white background, sitting below the image.

Now, in the "New Image Background" tab, the footer will have a solid white background and will not be blurred, as the image background and blur are now confined to the main content area.

You're right! My apologies for missing that in the "Image Background" tab. I will apply the same fix to components/survey-content/beautiful-content.tsx so that its footer also has a solid white background and is not affected by the blurred image.

Now, both the "Image Background" tab and the "New Image Background" tab will have their footers rendered with a solid white background, separate from the blurred image background of the main content area.