<div class="container-card" style="width: 1004px; height: 550px; background-image: url('{perpus_bg}'); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; padding: 20px; box-sizing: border-box;">
<table style="width: 100%; height: 100%; border-collapse: collapse;">
<tbody>
<tr><!-- KIRI: logo + nama -->
<td style="width: 60%; vertical-align: top; text-align: center;">
<div style="font-size: 30pt; font-weight: bold; color: #ffcc00; text-shadow: #000000 1px 1px; text-align: left;"><span style="font-size: 20pt;"><span style="font-size: 12pt;">{perpus_nama}</span></span></div>
<div style="font-size: 30pt; font-weight: bold; color: #ffcc00; text-shadow: 1px 1px #000;"><span style="font-size: 20pt; color: #000000;">{anggota_nama}</span></div>
<div style="font-size: 30pt; font-weight: bold; color: #ffcc00; text-shadow: 1px 1px #000;"><span style="font-size: 20pt; color: #000000;">{anggota_qrcode}</span></div>
</td>
<!-- KANAN: jenis anggota, nomor, berlaku, foto -->
<td style="width: 40%; vertical-align: top; text-align: center;">
<div style="background-color: black; color: white; font-size: 16pt; font-weight: bold; padding: 5px 10px; display: inline-block; margin-bottom: 10px;">{anggota_jenis}</div>
<div style="font-size: 22pt; font-weight: bold; margin-bottom: 10px;">{anggota_nomor}</div>
<div style="font-size: 14pt; margin-bottom: 10px;">Berlaku hingga<br />12-03-2000</div>
<div>{anggota_foto}</div>
</td>
</tr>
</tbody>
</table>
</div>