background-image.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bakground image</title>
    <style type="text/css">
        .main{
            width: 100%;
            height: 500px;
            border: 2px solid black;
            font-size: 22px;
            padding: 5px;

            background: url(Screenshot\ 2024-06-30\ 220148.png);
            background-repeat: no-repeat;
            background-size: cover;
            font-size: 22px;
            background-attachment: fixed;
            
        }
    </style>
</head>
<body>
    <div class="main">
        <p>
            Certainly! Let’s continue our poetic journey through the Pink City of Jaipur:

In the heart of the old bazaar, where turbaned merchants haggle over silks and gemstones, the echoes of ancient tales reverberate off sandstone walls.
At Jantar Mantar, the celestial observatory built by Maharaja Jai Singh II, colossal sundials stand like guardians of time, casting intricate shadows on the ground.
The scent of chai mingles with the sweet notes of jalebi at street corners, enticing passersby to pause and savor the flavors of Rajasthan.
Peacocks dance in courtyards, their iridescent plumage a living canvas against the ochre backdrop of forts and palaces.
And as night falls, the Nahargarh Fort lights up, a beacon atop the Aravalli hills, reminding us that history and magic intertwine in this enchanting city.
        </p>
    </div>
</body>
</html>