<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
 
<table class="cert">
  <tr>
    <td align="center" class="crt_logo">
      <img src="https://files.homepagemodules.de/b104774/a_152_f2cf5aac.png" alt="logo">
    </td>
  </tr>
  <tr>
    <td align="center">
      <h1 class="crt_title">Hilfsbereitschafts-Zertifikat</h1>
        <h2>Dieses Zertifikat wird verliehen an:</h2>
        <h1 class="colorGreen crt_user">Admin Wolfgang</h1>
        <h3 class="afterName">Für seine hervorragende Arbeit und Hilfsbereitschaft.
          Du bist ein sehr hilfsbereiter Mensch und hast dein Herz am rechten Fleck.
        </h3>
        <h3>Verliehen am 26. September 2022 </h3>
    </td>
  </tr>
  <tr>
    <td align="center">
      <img src="https://i.ibb.co/drGwLvf/Signature.png" class="certSign" alt="sign">
      <h3>Mitglieds Name </h3>Daishi Bangladesch
      <h3>Zufrieden im Forum</h3>Ja, sehr zufrieden
      <h3>Abteilungsname</h3>Forum - Mitglied
      <br><br><br>
    </td>
  </tr>
</table>  
 

.cert {
  border: 15px solid #0072c6;
  border-right: 15px solid #0894fb;
  border-left: 15px solid #0894fb;
  width: 700px;
  font-family: arial;
  color: #383737;
}
 
.crt_title {
  margin-top: 30px;
  font-family: "Satisfy", cursive;
  font-size: 40px;
  letter-spacing: 1px;
  color: #0060a9;
}
.crt_logo img {
  width: 130px;
  height: auto;
  margin: auto;
  padding: 30px;
}
.colorGreen {
  color: #27ae60;
}
.crt_user {
  display: inline-block;
  width: 80%;
  padding: 5px 25px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-family: "Satisfy", cursive;
  font-size: 40px;
  border-bottom: 1px dashed #cecece;
}
 
.afterName {
  font-weight: 100;
  color: #383737;
}
.colorGrey {
  color: grey;
}
.certSign {
  width: 200px;
}
 
@media (max-width: 700px) {
  .cert {
    width: 100%;
  }
}