<div style="display:grid;grid-template-columns: repeat(3,1fr);grid-template-rows: repeat(2,1fr);width:500px;height:300px;grid-gap:2px;padding:5px;margin:2em auto;border:5px double #aa9;border-radius:25px;"> <div style="background-image:url(IMG1);background-position:center;background-size:cover;border-top-left-radius:16px;"></div> <div style="background-image:url(IMG2);background-position:center;background-size:cover;"></div> <div style="background-image:url(IMG3);background-position:center;background-size:cover;border-top-right-radius:16px;"></div> <div style="background-image:url(IMG4);background-position:center;background-size:cover;background-size:120%;border-bottom-left-radius:16px;"></div> <div style="background-image:url(IMG5);background-position:center;background-size:cover;"></div> <div style="background-image:url(IMG6);background-position:center;background-size:cover;border-bottom-right-radius:16px;"></div> </div> <div style="width:500px;margin:auto;font-family:droid serif,georgia,serif;font-size:12pt;letter-spacing:0.05em;line-height:1.6;text-align:justify;"> <b style="display:block;filter:opacity(50%);font-size:125%;text-transform:uppercase;border-bottom:3px double gray;padding-bottom:0.1em;margin-bottom:1em;">Basics</b> <table style="margin: 1.5em 1em;width:100%;font-variant:small-caps;"> <tr> <th style="text-align:left;width:25%;"> Name </th> <td> Melle </td> </tr> <tr> <th style="text-align:left;"> A.K.A. </th> <td> Squeaky </td> </tr> <tr> <th style="text-align:left;"> Age </th> <td> 8 </td> </tr> <tr> <th style="text-align:left;"> Canon </th> <td> <cite>Annals of the Western Shore</cite> </td> </tr> <tr> <th style="text-align:left;"> PB </th> <td> Sara Arjun </td> </tr> </table> <b style="display:block;filter:opacity(50%);font-size:125%;text-transform:uppercase;border-bottom:3px double gray;padding-bottom:0.1em;margin-bottom:1em;">Background</b> <p style="padding:5px;margin-bottom:1.25em;"> TEXT </p> <b style="display:block;filter:opacity(50%);font-size:125%;text-transform:uppercase;border-bottom:3px double gray;padding-bottom:0.1em;margin-bottom:1em;">Personal</b> <p style="padding:5px;margin-bottom:1.25em;"> TEXT </p> <div style="text-align:center;filter:opacity(50%);font-size:85%;font-weight:bold;text-transform:uppercase;border-top:3px double gray;padding-top:0.5em;margin-top:1em;"> Player: Nan, 30+, CST </div> </div>