<?php $time = time(); ?>
<div class="banners-container">
    <a href="event1.php" class="act-banner-link">
        <img src="assets/png/act_banner1.png?v=<?= $time ?>" alt="Banner 1" class="act-banner-img" onerror="this.style.display='none'">
    </a>
    <a href="event2.php" class="act-banner-link">
        <img src="assets/png/act_banner2.png?v=<?= $time ?>" alt="Banner 2" class="act-banner-img" onerror="this.style.display='none'">
    </a>
    <a href="event3.php" class="act-banner-link">
        <img src="assets/png/act_banner3.png?v=<?= $time ?>" alt="Banner 3" class="act-banner-img" onerror="this.style.display='none'">
    </a>
</div>

<style>
    .banners-container { padding: 0 15px 20px; display: flex; flex-direction: column; gap: 12px; }
    .act-banner-link { display: block; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.05); transition: 0.2s;}
    .act-banner-link:active { transform: scale(0.98); }
    .act-banner-img { width: 100%; height: auto; display: block; border-radius: 12px; object-fit: cover;}
</style>