/*
Theme Name: Decoration
Description: Adds a decorative image (cherry blossom) outside the main viewport.
Author: Gareth
Template: flatsome
Version: 1.4
*/
/** Notes: 
    Add <div class="decoration-image-left/right"></div> to page (do not add to section)
**/

@media (min-width: 1350px) {
    .decoration-image-left, .decoration-image-right {
        background-image: url('https://barkandbloomdoggrooming.co.uk/wp-content/uploads/General/Cherry_Blossom.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: fixed;
        top: 30%;
        width: 280px;
        height: 600px;
        z-index: 990;
        pointer-events: none;
    }

    /* Set horizontal position */
    .decoration-image-left {
        transform: scaleY(-1); /* Flip image vertically*/
        /*transform: translateY(-10%) scaleY(-1); /* Flip image vertically*/
        left: calc((100vw - 1080px) / 2 - 260px); 
    }

    .decoration-image-right {
        right: calc((100vw - 1080px) / 2 - 260px);
    }

}