What does this code display?

A heading and paragraph with their opacity loweredAn image and paragraph with their opacity loweredA blurred heading and paragraph<head> <style>h1 { filter: opacity(75%); } p { filter: opacity(50%); } body { text-align: center; }</style></head> <html> <body> <h1>Declaration of Independence</h1> <p>We hold these truths to be self-evident, that all men are created equal...</p> </body> </html>]]>

A heading and paragraph with their opacity lowered.