HTML/CSS - 100% Pie-Chart Sololearners Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
        <script src="https://code.jquery.com/jquery-3.1.1.js"></script>
    </head>
    <body>
        <h1 align="center">100% Pie-Chart Sololearners</h1>
        <center>
        <div class="filip">
                <img src="https://api.sololearn.com/Uploads/Avatars/2788162.jpg" style="transform: rotate(90deg);margin:0 auto;">
                <h2>Filip</h2>
        </div>
        <div class="hatsy">
            <img src="https://api.sololearn.com/Uploads/Avatars/2034558.jpg">
            <h2>Hatsy Rei</h2>
        </div>
                <div class="krishna">
            <img src="https://api.sololearn.com/Uploads/Avatars/1857356.jpg">
            <h2>Krishna Teja Yeluripati</h2>
        </div>
        <div>
            <img src="https://api.sololearn.com/Uploads/Avatars/1607351.jpg">
            <h2>Kuba Siekierzynski</h2>
        </div>
         <div>
            <img src="https://api.sololearn.com/Uploads/Avatars/1725640.jpg">
            <h2>Chirag Bhansali </h2>

css

body {
    background:  #eee;
    font-family: sans-serif;
    padding: 0;
    margin: 0;
}
h1 {
    background:  #2e416a;
    color:  #fff;
    padding: 20px;
    height: 300px;
    display:flex;
    justify-content:center;
    align-items: center;
    margin-bottom: 75px;
}
div {
    width: 100vw;
    height: 100vh;
    /*border-bottom: 5px solid #2e416a;*/
}
img {
    border-radius: 15px;
}

BROWSER

Console