You can use this code to Website > Website Tools > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('<section class="page-section custom-section"><div class="section-border"><div class="section-background"><img src="https://images.squarespace-cdn.com/content/v1/65ea61bd51b55338cbb59aa6/cbead0c8-b974-434f-a718-0609ff588634/HF-BG-Header-Thin.png?format=2500w"/></div></div></section>').insertBefore('[class*="type-events"].view-item article section:first-child');
});
</script>
<style>
section.page-section.custom-section>div {padding-top: 60% !important;}
section.page-section.custom-section {
min-height: 60vh;
}
section.page-section.custom-section+section {
padding-top: 0px !important;
}
</style>
littlecrow got a reaction from tuanphan in Changing Margin and Header on Individual Event Pages
