In my multi-directional websites, I duplicate the objects that appear differently and hide/collapse them according to the language being used
for example, let’s say all the language-specific objects are hidden/collapsed by default, so the code only needs to show/expand the correct objects
import wixWindow from 'wix-window'
let lang = wixWindow.multilingual.currentLanguage
if (lang === 'ar') {
$w('#strip_ltr').expand() // strip objects collapsed by default
$w('#logo_ltr').show() // logo objects hidden by default
} else {
$w('#strip_rtl').expand()
$w('#logo_rtl').show()
}