Thank you @Robert_Petitto.
I tried it on the cake shop menu.
<pre><span>
<div class="background"></div>
<style>
.background {
position:fixed;
margin-top:0;
background:#FF9800;
width:100%;
height:100%;
top:5.5em;
right:0;
z-index:-1;
}
.tile-image-area :nth-child(1) img {
height: 130px;
width: 130px;
border-radius: 5%;
margin: 10px;
}
[data-test="tile-item"] {
border: solid 1px #fff;
background:#fff;
}
[data-test="app-tag-overlay"] {
position: absolute;
right: 113px;
bottom: 10px;
border-radius: 5px;
font-size: 1rem;
padding: 5px 10px 5px 10px;
text-transform: unset;
border: solid 1px #fff;
}
.tile-title {
white-space: pre-wrap !important;
overflow: visible !important;
font-weight: 700 !important;
font-size: 1rem !important;
line-height: 1.2rem !important;
}
.tile-subtitle {
white-space: pre-wrap !important;
overflow: visible !important;
font-size: 0.8rem !important;
line-height: 1rem !important;
color: #000 !important;
margin-top: 10px;
}
.tile-text-container {
position: absolute;
top: 10%;
right: 10px;
white-space: pre-wrap !important;
overflow: visible !important;
text-align: left !important;
width: 180px;
}
.tile-image-area {
height: 150px;
}
