<!-- ======= Hero Section ======= --><section class="hero hero_carrer max_h_50 w-full md:h-screen-1/2flex flex-col justify-end text-center relative z-10" style='background: linear-gradient( 180deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 20.69% )'> <div class="absolute -z-0 top-0 left-0 right-0 bottom-0 mtb_115"> {% if content.cover and content.cover is defined %} <img class="w-full h-full min-w-full object-cover cover_hero" src="{{ content.cover.thumbnails['2880x1160'] }}" alt=""> {% endif %} {% if content.cover_video and content.cover_video is defined %} <video class="w-full h-full min-w-full object-cover cover_hero" src="{{ content.cover_video.url }}" playsinline autoplay muted loop> </video> {% endif %} </div> {% if content.cover_title is defined %} <div class="relative z-20 overflow-hidden"> <h2 class="text-">{{ content.cover_title }}</h2> </div> {% endif %}</section><!-- End Hero -->