Vorlage (Bitte immer verwenden!)

Vor- und Nachname
✦

Alter
Wohnort
Wesen
Avatar

WFE

Grobe Charakterbeschreibung hier und was ihr sucht.

Code:

<div class="pcgb-bg">  <div class="pcgb-left" style="display:flex;flex-direction:column;"> <div class="pcgb-left-gif"><div class="pcgb-gif"></div></div>  <div class="pcgb-title">Vor- und Nachname<br>✦ </div> <div class="pcgb-sceneinfo"> <info>Alter</info>
<info>Wohnort</info>
<info>Wesen</info>
<info>Avatar</info></div>  </div>  <div class="pcgb-right"><div class="pcgb-name"> WFE </div><div style="position:relative;z-index:2;">Grobe Charakterbeschreibung hier und was ihr sucht.</div> </div>  </div>

<link href="https://api.fontshare.com/v2/css?f[]=melodrama@300,400,600,700,500&f[]=jet-brains-mono@300,301,501,401,500,400,600,601&f[]=spline-sans@300,400,600,700,500&display=swap" rel="stylesheet">
<style type="text/css">:root {--pcbgmain:#CAE1FF; --gifheight:180px;}/*

*/.pcgb-bg { margin: auto; display: flex; width: 600px; background: #FDFDFD; border: 1px solid #C7C7C7;}/*

*/ .pcgb-left-gif { width: 140px; height:var(--gifheight); border-bottom: 1px solid #C7C7C7; padding: 30px;}/*

*/ .pcgb-left { width: 200px;}/*

*/ .pcgb-right { width: 400px; padding: 60px; border-left: 1px solid #C7C7C7; font-family: 'Spline Sans', sans-serif; font-weight:300; text-align:justify; font-size:13px; line-height:32px; overflow:hidden; color:#000;}/*

*/ .pcgb-gif { width: 140px; height: var(--gifheight); background-image: linear-gradient(0deg, var(--pcbgmain), var(--pcbgmain)), linear-gradient(0deg, #000000, #000000), url('https://i.ibb.co/GF1ffGF/m-LV4-SSY2-Kj9r.jpg'); background-blend-mode: multiply, color, normal; background-size: cover; background-position: center; outline-offset:10px;outline:1px solid #C7C7C7;}/*

*/ .pcgb-name {width:400px; position:relative; z-index:1px;margin-top:-30px;left:80px;bottom:8px;color:#CAE1FF;font-family: 'Melodrama', serif;font-size:180px;font-weight:400;}/*

*/ .pcgb-title { padding:30px; font-family: 'JetBrains Mono', sans-serif; text-transform:uppercase; font-size:11px; line-height:20px; text-align:right; color:var(--pcbgmain); border-bottom: 1px solid #C7C7C7;}/*

*/ .pcgb-sceneinfo { padding:25px; font-family: 'Melodrama', serif; text-transform:uppercase; font-size:18px; line-height:40px; color:#000; }/*

*/ .pcgb-sceneinfo info {background:var(--pcbgmain); padding:3px 8px;} @'Sebastian Young' @'Katherine Pierce' @'Caleb Price'</style>