iframe内に複数あるtarget=“_brank”を指定したアンカータグが、target=“

いつもお世話になってます。

下記のcodepenのプレビュー部分の件でtarget="_brank"がうまく動かず、教えていただきたいです。

こちらのリンク先の画面下の白い部分（プレビュー部分）はiframeで表示されています。
https://codepen.io/mmm-mimo/pen/OdgzyG

そのプレビュー部分に
・「yahoo」へのリンク
・「google」へのリンク
・「teratailTOP」へのリンク
の３つを用意しました。

aタグには、全てにtarget="_brank”を記述してあります。
ですが、yahooをクリックすると別タブでyahooが開くものの、codepenに戻って今度はgoogleのリンクをクリックすると、先ほどのyahooのタブがgoogleに変わってしまいます。（target=“_new”のような動作をしてしまいます。）

これを、通常のtarget="_brank”のように、yahoo,google,teratailそれぞれが別タブで開くようにしたいです。

恐らくiframeが悪いのだとは思うのですが…jsを使わないと難しいのでしょうか？
調べましたがいまいちピンとくる記事も見つからず、助言いただきたいです。