html,
body{
    margin:0;
    overflow-x:hidden;
}

#zoom-effect{

    position:relative;
    height:200vh;
    background:#fff;

}

.sticky{

    position:sticky;
    top:0;

    width:100vw;
    height:100vh;

    overflow:hidden;

}

.bg-image{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    will-change:-webkit-mask-size;

    -webkit-mask-image:url("/wp-content/themes/monteluna-child/inc/img/logo-monteluna-animazione.svg");
    mask-image:url("/wp-content/themes/monteluna-child/inc/img/logo-monteluna-animazione.svg");

    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;

    -webkit-mask-position:left bottom;
    mask-position:left bottom;

    -webkit-mask-size:95vw auto;
    mask-size:95vw auto;

}