Input
Output
<!DOCTYPE html> <html> <head> <style> .header { height: 300px; background-image: url('header-bg.jpg'), linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.6)); background-size: cover, cover; background-position: center, center; color: white; text-align: center; display: flex; justify-content: center; align-items: center; } </style> </head> <body> <div class="header"> <h1>My Header Section</h1> </div> </body> </html>