Необходима альтернатива Media Screen для WeasyPrint?

У меня есть изображение логотипа, которое должно быть вставлено в pdf в правом верхнем углу. Но у меня есть как портретные, так и альбомные страницы, на которых css не работает

Я хочу, чтобы css был исправлен таким образом, чтобы логотип находился в правом верхнем углу для обеих ориентаций. Weasyprint не помогает с медиаэкранами и т.д.

@page {
    size: {{page_size}} {{page_orientation}};
    margin: 1.5cm 1cm;
    @bottom-right {
      content: "Page " counter(page) " of " counter(pages);
    }
  }

  @page rotated {
      size: {{page_size}} landscape;
     margin: 1.5cm 1cm;
    @bottom-right {
      content: "Page " counter(page) " of " counter(pages);
    }
  }
@media print and (orientation: landscape){
        #logo{
        position: absolute;
        right: 10px;
        top: -5px;
        max-width: 100px;
        padding: 10px;
      }
      }
      @media print and (orientation: portrait){
        #logo{
        position: absolute;
        left: 650px;
        top: -5px;
        max-width: 100px;
        padding: 10px;
      }
    }
    
    {% if logo %}
      <img id="logo" src="{{logo}}" alt="Account Logo">
    {% endif %}

Вернуться на верх