<html>
<head>
<title>Creator</title>
</head>
<body>

<div class="creator-block"><br><center>
  <font face="arial" color="white"><h3> Who I am?</h3><br>
  <img class="imgmy" src="https://i.ibb.co/8csJXpp/creator2.webp" width="340" height="340"><br><br>
  <h3>Hi, I am Atul Kumar Singh<br><br />And you know I am lord ~ Just kidding.</h3></font></center><br>
</div>

</body>
</html>


.creator-block {
  position: relative;
  height: auto;
  background-image: linear-gradient(315deg, #ee4040 0%, #f59f3c 74%);   
}
.imgmy {
  border-radius: 50%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

@media only screen and (max-width: 620px){
.imgmy{
  width: 240px;
  height: 240px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.