Is there a way to delay the appearance of the "text-container" div after the image is displayed? I have attempted to achieve this using JavaScript with the following code:
<script>
window.onload = function(){
var timer = setTimeout("showText()",7000)
}
function showText(){
document.getElementByClass("text-container").style.visibility = "visible";
}
</script>
Ensure that the text-container remains hidden initially: style="visibility:hidden;"
<div class="notification-container">
<div class="image-container">
<img class="image" src="{image}" />
</div>
<div class="text-container">
<div class="title">
<span class='keyword name'>{name}</span>
</div>
</div>
</div>
If you require additional information, please feel free to ask!