= 50 ? scrolledFromTop = true : scrolledFromTop = false" :class="{
'translate-y-0 h-16 xl:h-[160px] ': !scrolledFromTop,
'h-16 xl:h-[92px] shadow-magical': scrolledFromTop
}
" class="relative transition-all duration-500 translate-y-0 h-16 xl:h-[160px]">