.box {
position: relative;
aspect-ratio: 4/3;
background-image:conic-gradient(at 30% 50%,#FFF85E 0deg, white 110deg,#FFF85E 300deg);
max-width:800px;
width:90%;
}

.box > * {
  position: absolute;
}

.made-in-italy{
width:40%; left:2%; top:2%;
}

.title{width:80%;
left:15%;
top:5%;
}

.warranty{
width:8%;
right:2%;
top:2%;
}

.description{
width:50%;
right:2%;
top:15%;
}

.img-frame{
width:45%;
top:30%;
right:2%;
}

.img-frame img {
display: block;
width: 100%;
mask-image: 
linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%) ,
linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
mask-repeat: no-repeat;
mask-size: 100% 100%;
mask-composite: intersect;
}

.slogan{
width:50%;
left:45%;
top:68%;
}

.qr-code{
width:12%;
right:2%;
bottom:2%;
}

.company{
width:35%;
right:20%;
bottom:2%;
}

.company p{
text-align: left;
font-size:0.7em;
margin-left:3%;
text-wrap: nowrap;
}

.solution{
width:40%;
left:2%;
bottom:5%;
aspect-ratio: 4/3;
display:flex;
flex-direction:column;
gap:5px;
align-items: center;
text-align: center;
}

.solution-images{
display:flex;
flex-direction:column;
gap:5px;
align-items: center;
text-align: center;
}

.solution-row{
display:flex;
gap:5px;
}

.solution-column{
flex:1;
aspect-ratio: 4/3;
background-color: rgba(255,255,255,1);
border-radius: 10px;
border:1px solid #808080;
overflow:hidden;
}

.solution p{
text-align:center;
font-size:0.9em;
margin-top:0px;
}

@media screen and (max-width: 620px) {
.box {aspect-ratio: 3/4;}
.title{width:90%;left:18%;top:2%;}
.description{width:70%;right:2%;top:12%;}
.img-frame{width:75%;top:25%;right:2%;}
.slogan{width:70%;left:13%;top:60%;}
.warranty{width:8%;right:85%;top:90%;}
.company{width:50%;right:25%;bottom:2%;display: flex;flex-direction: column;align-items: center;text-align: center;}
.company p{text-align: center;font-size:0.7em;margin:0;}
.solution{width:90%;left:5%;bottom:13%;aspect-ratio: unset;}
.solution-images{flex-direction:row;}
.solution p{font-size:0.5em;}
}

@font-face {
font-family: 'CommercialScript';
  src: url('../webfonts/CommercialScript-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Dael-Calligraphy';
src: url('../webfonts/Dael-Calligraphy.woff') format('woff');
font-weight: normal;
font-style: normal;
}