バナー設置君、たくさん使用させてもらっています。

質問ですが、楽天のＰＣ上で画面最下部にバナー設置君を中央から複数(３つ)設置しています。
以下のようにレスポンシブ対応のようにしたつもりですが【マウスを乗せたら透明化】がマウスを乗せると３つすべて透明化してしまいます。
良い方法をご教授下さい！

<!-- 最下部固定バナー -->
<div id="fixedBanner999">

<!-- 1枚目 -->
<a href="https://event.rakuten.co.jp/campaign/supersale/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/mailmagazine/imgrc20191204.gif">
</a>
<!-- 2枚目 -->
<a href="https://search.rakuten.co.jp/search/mall/?sid=314570" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/mailmagazine/20191201_99.jpg">
</a>
<!-- 3枚目 -->
<a href="https://search.rakuten.co.jp/search/mall/?sid=314570" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/mailmagazine/2019120199.jpg">
</a>

</div>
<style>
#fixedBanner999 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
bottom: 0px;
left: 0px;
text-align: center;
width: 100%;
height: auto;
background-color: rgba(255,255,115,0.3);
}

#fixedBanner999 img {
width: auto;
height: auto;
vertical-align: bottom;
max-width: 440px;
}

#fixedBanner999:hover {
opacity: 0.3;
}

</style>