take a look at the rules for the hover state and apply them to the focus-visible state.

f.e.: on that page here – the first button on top: https://kriesi.at/themes/enfold-overview/
Add inside dev tools the css to see what i mean.

.avia-button.avia-color-light:focus-visible {
  opacity: 0.7;
  transition: all 0.4s ease-in-out;
}

.av-icon-on-hover:focus-visible .avia_button_icon {
  width: 1.5em;
  opacity: 1;
}

the focus-visible state ( or focus-within too ) do not influence a clicked or hover state.
This means that normal navigation is not affected, contrary to the focus state.

but that comes from layout.css – no custom css at all:

#top .logo img.alternate {
  opacity: 0;
}

#top .av_header_transparency .logo a > img {
  opacity: 0;
}

#top .av_header_transparency .logo img.alternate {
  opacity: 1;
}

by the way: that snippet from your first post – does not work on my testinstallation ( Enfold 7.1.1). I do allways have inline svg.

As far as i know the avia-snippet-sticky-header does only rule the shrink amount , header height. (Two classes are toggled on scrolling)
On mobile devices the shrinking is set to off by that line i mentioned.

try :

@media only screen and (max-width: 1319px) {
    #top #header .av-main-nav > li.menu-item  {
        display: none!important;
    }
    #top #header .av-burger-menu-main {
        cursor: pointer;
        display: block!important;
    }
}

PS : why “Connection denied by IP2Location Country Blocker” for Germany ?

did you see my test page:
https://webers-testseite.de/8col-flex/
the colum on the right side – has a -100% – this is as if it is fixed a -150% will have that effect you described.

I change it for now to 150% in that function: link

short version with no comments and only with the changing of desktop parallax speed:
( Do not forget to set the custom ID: myID1 to the column )

function my_custom_all_parallax_settings_preserving_others() {
?>
<script>
window.addEventListener("DOMContentLoaded", function () {
    const container = document.getElementById('myID1');
    if (container) {
        const currentParallaxData = container.getAttribute('data-parallax');
        let parallaxObject = {};
        try {
            parallaxObject = JSON.parse(currentParallaxData || '{}');
        } catch (e) {
            console.error('Error parsing existing data-parallax attribute:', e);
            parallaxObject = {};
        }
        const changesToApply = {
            "av-desktop-parallax": "bottom_top", // Desktop 
            "av-desktop-parallax_speed": "-150",  // Desktop: Speed
        };
        Object.assign(parallaxObject, changesToApply);
        const newParallaxData = JSON.stringify(parallaxObject);
        container.setAttribute('data-parallax', newParallaxData);
    } 
});
</script>
<?php
}
add_action('wp_footer', 'my_custom_all_parallax_settings_preserving_others');

it is because the padding of 1.5em on .av-image-caption-overlay-center is too big for those small images.

try:

#top .av-image-caption-overlay-center {
  padding: .5em;
}

or in additon: bring those image to grow:

.avia-image-container.avia-align-center .avia-image-container-inner,
.avia-image-overlay-wrap a.avia_image img {
  width: 100% !important;
}

as i understood him it is the column not the section – so my way was to give the ID to the column.
The column has the parallax attribute. And i think he is talking about the parallax effect on element itself – not the background-image of the column. there is no option for that on columns.

I tested it on an existing testpage of mine ( so the codes there have nothing to do with the solution here ). but see the right column with that image.

https://webers-testseite.de/8col-flex/
see what happens when hamburger is active – the direction is then the other way round (+50)

my fault is that i do not preserve the rest of the existing settings – here a corrected code:

function my_custom_all_parallax_settings_preserving_others() {
?>
<script>
window.addEventListener("DOMContentLoaded", function () {
    const container = document.getElementById('myID1');

    if (container) {
        // 1. Get the current value of the data-parallax attribute
        const currentParallaxData = container.getAttribute('data-parallax');

        // 2. Parse the string into a JavaScript object
        let parallaxObject = {};
        try {
            // Attempt to parse existing data. If it's empty or invalid, start with an empty object.
            parallaxObject = JSON.parse(currentParallaxData || '{}');
        } catch (e) {
            console.error('Error parsing existing data-parallax attribute:', e);
            // If parsing fails, ensure parallaxObject is an empty object to avoid errors
            parallaxObject = {};
        }

        // 3. Define the changes you want to apply.
        //    Only the properties listed here will be updated or added.
        //    Existing properties not listed here will be preserved.
        const changesToApply = {
            "parallax": "bottom_top",       // Standard Parallax 
            "parallax_speed": "-150",       // Standard Parallax Speed

            "av-desktop-parallax": "bottom_top", // Desktop 
            "av-desktop-parallax_speed": "-100",  // Desktop: Speed

            "av-medium-parallax": "bottom_top",  // Medium Tablet
            "av-medium-parallax_speed": "50",   // Medium Tablet Speed

            "av-small-parallax": "no_parallax", // Parallax off
            "av-small-parallax_speed": "no_parallax", // no speed needed

            "av-mini-parallax": "no_parallax", // Mobil Parallax 
            "av-mini-parallax_speed": "no_parallax" // No Speed needed
            // Do NOT include "parallax-container" here, as we want to preserve its original value
        };

        // 4. Merge the changes into the existing parallaxObject.
        //    Object.assign() overwrites existing properties and adds new ones.
        //    Properties in 'parallaxObject' that are NOT in 'changesToApply' will remain untouched.
        Object.assign(parallaxObject, changesToApply);

        // 5. Convert the modified object back into a JSON string
        const newParallaxData = JSON.stringify(parallaxObject);

        // 6. Set the new value of the data-parallax attribute
        container.setAttribute('data-parallax', newParallaxData);

        console.log('Data attribute for parallax settings updated successfully!');
        console.log('New data-parallax value:', container.getAttribute('data-parallax'));
    } else {
        console.error('Container with ID "myID1" not found.');
    }
});
</script>
<?php
}
add_action('wp_footer', 'my_custom_all_parallax_settings_preserving_others');

btw: on 3. read that comment:

        // 3. Define the changes you want to apply.
        //    Only the properties listed here will be updated or added.
        //    Existing properties not listed here will be preserved.

so if you only want to influence the desktop parallax speed then only change it in the code above and do not mention the other settings there