Div ile başka içerik gösterip kapatıldığında ise ana içeriği göstermek

Merhaba arkadaslar ben içerik önüne reklam eklemek istiyorum.

<div class="icerik2">Icerik</div> bu kısimda içerik onu reklam eklemem gerek bunu nasıl yapabilirim

Banner reklam ise
<div class="icerik2"><p><a href="reklamlink" target="_blank"><img src="gorsel.png"></a></p>Icerik</div>

içerik önüne derken detay verebilir misiniz?

İçeriğin üst kısmına değil.
Hocam video önü reklam gibi düşününüz.

https://codepen.io/ekayazilim/pen/zYVyZae bu şekilde mi?

Bootstrap Modal ile yapabilirsiniz. Chatgpt ye bu promptu yazdırın modal içeriği reklam alanınız olacak

"kullanıcıya siteye girdiği anda otomatik açılan bir modal göstermek istiyorum ve çarpı işaretine bastığında aynı modal 24 saat süreyle tekrar karşısına çıkmasın"

Merhaba, aşağıda ki gibi bişey istiyorsun sanırım.

<div class="icerik-reklami">Reklam içeriği</div>
<div class="icerik2" style="display:none">Icerik</div>
<script>
jQuery(document).ready(function() {
  setTimeout(function() {
    $(".icerik-reklami").remove();
    $(".icerik2").show();
}, 5000); // 5 saniye sonra reklamı kapatır içeriği gösterir
})
</script>