card2.html

<!DOCTYPE html>
<html lang="en">
    <head>
       <!---- <style>
            img{
                border-radius: 50%;
            }-->
        </style>
        <meta charset="UTF-8">
        <meta name="viewport"
        content="width=device-width",
        initial-scale="1.0">
        <link rel="stylesheet" href="style2.css" type="text/css">
        <title>Card2</title>
    
    </head>
    <body>
        <div class="card">
          <img class="ant" src="https://png.pngtree.com/background/20230610/original/pngtree-an-ant-has-a-group-of-young-ants-picture-image_3053157.jpg" width="420" height="200"> 
        
            <br>
        
                           
            </p>
            <img class="girl" src="https://dthezntil550i.cloudfront.net/tm/latest/tm2106111610207820019907031/1280_960/34e8efdb-ec62-4ac4-a03c-e3101cfebb07.png" width="190" height="190" >
            <br>
            <p class="text">Morgan Sweeney</p>
            <p class="subtext">Ant collector</p>
            <p class="nofol">12</p>
            <p class="fol">Followers</p>
            <p class="nofols">1000</p>
            <p class="fols">Following</p>
            <button class="button">Follow</button>
            <p class="para">Morgan has collected ants since they were six years old and now has many dozen ants but none in their pants.</p>
        </div>
        </body>
        
</html>