<template>
    <div>
        <div class="backgrounds" :style="'background-image: url('+$_getPath()+'images/Backgrounds/Gradient/'+ImageName+'.jpg);'"></div>
    </div>
</template>

<script>
export default {
    props: {
        ImageName: { default: 'Blue' },
    },

};
</script>

<style lang="scss" scoped>
    .backgrounds {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-width: 100%;
        min-height: 100%;
        position:fixed;
    }
</style>
