Header

gistfile1.txt

/* Header is the css class to wrap both logo*/
.header{
display: block;
}
/* Image is the css class for both the Logo (see image above)*/
.image{
width:20%;
transition: width 350ms ease-in-out;
}
.elementor-sticky--effects .image{
width:20%;
}
/* Before is the CSS class for image to be visible before sticky effects is applied (see image above)*/
.before{
opacity: 1;
width:20%;
pointer-events: auto;
}
.elementor-sticky--effects .before{
opacity: 0;
width:20%;
pointer-events: none;
}
/* after is the CSS class for image to be visible when sticky effects is applied (see image above)*/
.after{
opacity: 0;
width:20%;
pointer-events: none;
}
.elementor-sticky--effects .after{
opacity: 1;
width:20%;
transform: translateX(-50px)/* Play around with numbers*/;
pointer-events: auto;
}