JSFiddle - React, Tailwind, and code Playground

by Donna Torr

HTML

<div class="container certificate">
  <div class="cert-content">
    <div class="cert-name">
    name
    </div>
  </div>
</div>

CSS

.container .certificate {
  background-image: url("https://crhnet.ca/wp-content/uploads/2024/08/Ideas-CRHNet-membership-cert-BH-1.png") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:100%;
  min-width:1024px;
}
.cert-content {
  *position:absolute;
  left:50%;
 }