右と左の広告枠?

皆さん、こんにちは。私の質問は尽きないことを承知しています…
インターネットでコードを探しましたが、うまくいきませんでした。(CSS HTML)

このような感じです。

これらのエリア以外にも広告ソリューションを提供していますか?

Adsenseは使用しません。

Discourse Bars は右サイドバーと左サイドバーの両方をサポートしています。ただし、コンポーネントはご自身で設計する必要があります。

サイドバーフレームワークをサポートしています。コンポーネントの構築でお困りの場合は、Marketplace をご利用ください。

「いいね!」 1
.leftad {
    position: fixed;
    top: calc(var(--header-offset, 60px) + 2em);
    left: 20%;
    width: 120px;
    height: 600px;
    background : rgb(62, 62, 88,.7);
    border-radius: 5px;
}
 
.rightad {
    position: fixed;
    top: calc(var(--header-offset, 60px) + 2em);
    right: 20%;
    width: 120px;
    height: 600px;
    background : rgb(62, 62, 88,.7);
    border-radius: 5px;
}

配置を修正するにはどうすればよいですか?
画面サイズによって広告が表示されません。

left: 20%;
right: 20%;

これらのコードの代わりにどのコードを書けばよいですか?

https://pvpfarm.com