Css, изображение в фоновом режиме для pdf-файла

---

Привет,

Я ищу решение для получения изображения (фона) в задней части pdf-файла.

Для моего проекта я печатаю часть страницы на принтере Dymo, чтобы печатать карточки для посетителей. Прежде чем я использую все свои карты Dymo, было бы неплохо, если бы я мог протестировать все с помощью print to pdf. До сих пор у меня есть проблемы с этим мой отпечаток выглядит так:

HTML-представление: http://prntscr.com/kpwmyh
Просмотр PDF-файла: http://prntscr.com/kpwn2v

Пожалуйста, посоветуйте

Что я уже пробовал:

Это мой код.;

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.container {
    padding: 2px 16px; 
}
.body {
width: 1000px; 
}

@media print {
    body:after {
        content: url(../images/QRCard1.png);
    } 
}

@page {
    size:A4 landscape;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin: 0;
    -webkit-print-color-adjust: exact;
}

@media screen and (min-width: 480px) {
    .card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 600px;
    height: 300px;
    background-image: url("../images/QRCard1.png");
}

---