<template>
    <div>
        <div :style="'background-image: url(\'' + tile.value.src + '\')'" class="img-responsive" :title="tile.value.alt" />
        <div class="livetiles-content-center">
            <img class="icon-img" :src="tile.value.icon">
        </div>
    </div>
</template>

<style>
    .img-responsive {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
    }
    .livetiles-content-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon-img {
        min-height: 100%;
        min-width: 100%;
    }
</style>