Hermes

<style>

  .backgroundH {
    width:calc(100% -10px);
    margin:auto;
    border:5px solid #677179;
    outline:1px solid #677179;
    outline-offset:-10px;
  }

  .titleH {
    width:90%;
    padding:5px;
    margin:auto;
    text-align:center;
    font:60px Stardos Stencil;
    text-shadow:1px 1px 3px #677179;
  }

  .rowH {
    width:calc(100% - 20px);
    display:flex;
    justify-content:center;
    padding:10px;
  }

  .memberH {
    margin:5px;
    transition:1s;
  }

  .memberH:hover {
    -webkit-filter:sepia(40%);
    filter:sepia(40%);
  }

  .imgH {
    width:150px;
    height:150px;
    border-radius:80px;
    margin:auto;
    border:5px solid #677179;
    outline:1px solid #677179;
    outline-offset:-10px;
  }

  .nameH {
    width:180px;
    padding:5px;
    margin:auto;
    margin-top:-20px;
    text-align:center;
    background-color:#677179;
    color:#fff;
    font:20px Kalam;
  }

</style>


<link href="https://fonts.googleapis.com/css2?family=Kalam&family=Stardos+Stencil&display=swap" rel="stylesheet">


<div class="backgroundH">
  <div class="titleH">An amazing team's name</div>
  <!--EACH LINE-->
  <div class="rowH">
    <!--EACH MEMBER-->
    <div class="memberH">
      <div class="imgH" style="background:url(https://64.media.tumblr.com/c7c81e16730951ad6c981eddf647f437/a210e2a097187cf8-41/s250x400/c20d34c6206047d15e6ab7215f9bc67cf8c7f9f5.gif)center;background-size:150%;"></div>
      <div class="nameH">An amazing Name</div>
    </div>
    <!--EACH MEMBER-->
    <div class="memberH">
      <div class="imgH" style="background:url(https://64.media.tumblr.com/c7c81e16730951ad6c981eddf647f437/a210e2a097187cf8-41/s250x400/c20d34c6206047d15e6ab7215f9bc67cf8c7f9f5.gif)center;background-size:150%;"></div>
      <div class="nameH">An amazing Name</div>
    </div>
    <!--EACH MEMBER-->
    <div class="memberH">
      <div class="imgH" style="background:url(https://64.media.tumblr.com/c7c81e16730951ad6c981eddf647f437/a210e2a097187cf8-41/s250x400/c20d34c6206047d15e6ab7215f9bc67cf8c7f9f5.gif)center;background-size:150%;"></div>
      <div class="nameH">An amazing Name</div>
    </div>
  </div>
  <!--EACH LINE-->
  <div class="rowH">
    <!--EACH MEMBER-->
    <div class="memberH">
      <div class="imgH" style="background:url(https://64.media.tumblr.com/c7c81e16730951ad6c981eddf647f437/a210e2a097187cf8-41/s250x400/c20d34c6206047d15e6ab7215f9bc67cf8c7f9f5.gif)center;background-size:150%;"></div>
      <div class="nameH">An amazing Name</div>
    </div>
    <!--EACH MEMBER-->
    <div class="memberH">
      <div class="imgH" style="background:url(https://64.media.tumblr.com/c7c81e16730951ad6c981eddf647f437/a210e2a097187cf8-41/s250x400/c20d34c6206047d15e6ab7215f9bc67cf8c7f9f5.gif)center;background-size:150%;"></div>
      <div class="nameH">An amazing Name</div>
    </div>
  </div>
</div>


<!-- CREDITS, DO NOT TOUCH-->
<div style="margin:5px auto;text-align:center;"><a href="https://aliyahscreations.tumblr.com/" style="font-size:10px;letter-spacing:2px;color:#222;text-decoration:none; font-family:century gothic,helvetica,arial,sans-serif;font-size:12px;line-height:1.3;">© Code by Aliyah</a></div>