<p><a class="link-cta primary before" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon3"><span>Back to projectathon #3</span></a></p>
<h1>Projectathon #3 Gallery</h1>
<p class="gallery-p">Experience this event through the photo gallery.</p>
<h2>Testing</h2>
<p class="gallery-p">EU Members States testing their Once-Only Implementations. Teams arrange tests with other countries and connect their systems to fix bugs and solve problems.</p>

<h2>Collaborating</h2>
<p class="gallery-p">Monitors, technical experts from the Commission – and even participants from other countries who can spare a moment – provide constant support and guidance to the national teams.</p>

<h2>Exploring</h2>
<p class="gallery-p">Attendees also attended exploration rooms, deep-diving into topics relevant to the Once-Only Technical System and other bilateral meetings relevant to Once-Only.</p>

/*---GALLERY---*/
#gallery { position: relative; z-index: 2;}
#gallery .container { max-width: 900px !important;}
/*#gallery .container .cols > div p:first-child, #gallery .container .cols > div p:last-child { display: none;}*/
#gallery h2 { margin-top:2.5rem;}
.wiki-content .gallery-p { margin:0 0 2rem 0;}
.wiki-content .gallery-cta { margin:2rem 0 0 0;}

.gallery { margin: 0 -5px!important; width:100%;}
.gallery table { width:100%;}
.gallery table td { width:20%;}
.gallery table td img { margin: 0 !important; padding: 5px; width: 100%; max-width: 400px; height: auto; border-radius: 16px;}
.gallery table td img:hover { cursor: pointer;}
<script>
document.addEventListener("DOMContentLoaded", function () {
    document.querySelectorAll("td.gallery-image img.confluence-embedded-image").forEach(img => {
        img.setAttribute("aria-hidden", "true");
        img.setAttribute("alt", "");
    });
});
</script>