<template>
    <div>
        <div class="livetiles-content-text" v-html="(tile.value.htmlDisplay || tile.value.textareaDisplay)"></div>
        <div class="livetiles-content-center ">
            <img class="icon-img" :src="tile.value.icon">
        </div>
    </div>
</template>

<style>
    .livetiles-content-text {
        padding: 3px;
        box-sizing: border-box;
    }

    .livetiles-content-text > p {
        z-index: 3;
        position: absolute;
     }
    .livetiles-content-center{
        display: flex;
        align-items:center;
        justify-content:center;
    }
    .icon-img {
        max-height: 100%;
        max-width: 100%;
    }
    
</style>