JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html id="main">
    <head>
        <meta charset="UTF-8">
        <meta name="description">
        <link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen"/>
        
    </head>
    <body>
        <main id="main">
            <h1 id="title" style="margin:0;">Lord Hanuman</h1>
            <p id="title" style="margin:0;">The god with thousands inspiring stories</p>
            <div id="img-div">
                <img src="https://image.winudf.com/v2/image/Y29tLmxvcmRoYW51bWFuLmhkd2FsbHBhcGVyc19zY3JlZW5fMV8xNTIyMjk5ODk0XzAwNA/screen-1.jpg?fakeurl=1&type=.jpg" alt="Lord in its different forms" id="image">
                <figcaption id="img-caption">
                        Lord Hanuman in thy different forms with astras
                </figcaption>
            </div>
    <section id="tribute-info">
        <!--What has he done miraculous-->
        <p>Hanuman (हनुमान्) is a hindu god , reincarnation of <a href="https://en.wikipedia.org/wiki/Shiva" target="_blank">Lord Shiva</a> 
            and divine vanara companion of god <a href="https://en.wikipedia.org/wiki/Rama" target="_blank">Rama</a>.
        He is the central character of Ramayana and has aslo appeared in other several
        Purana.He is chiranjivi(who would live upto end of kalyug) He is born from Devi Keshari and King Angad. He is also known referred as son of 
        Pawana(god of wind) as of his role in Hanuman's Birth. There are several stois which inspires us from his
        life. <br><h4>He has several names like</h4></p>
        <ul>
            <li>Mahabir</li>
            <li>Bajrang bali</li>
            <li>Pawanputra</li>
            <li>Mahabali</li>
            <li>Maruti</li>
            <li>Keshari nandan</li>
            <li>Anjani Sutra</li>
            <li>Sankat Mochan</li>
        </ul>
        <h3>Story and life events:</h3>
        <p>
            Even as a child, Hanuman had great powers. One morning, he saw the sun rising and thought it...

CSS

#title{
    text-align: center;
    background-color: rgb(8, 248, 196);
    font-family: 'Times New Roman', Times, serif;
    margin-bottom: 1;
}
#main{
font-family: 'Times New Roman', Times, serif;
font-size: 25px;
}

body{
    background-color: aqua;
}
#img-div{
    border-image: round;
  padding-top: 10px;
  height: auto;
}
#image{
    display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  height: auto;
  max-width: 55%;
  border: 5px salmon rgb(27, 204, 51)}
#img-caption{
    text-anchor: middle;
    background-color: blanchedalmond;
    text-align: center;
}
#tribute-info{

}
#tribute-link{

}
tribute-link:hover{
    color: red;
}
.chalisa{
    background-color: greenyellow;
    text-align: center;
}
img{ display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    height: auto;
    max-width: 55%;
    border: 5px salmon rgb(27, 204, 51);
    width:  500px;
    height: 600px;
    object-fit: cover;
    border-radius: 15px;
}