.dark-stats-tiles,
.light-stats-tiles {
& [class*='has-stats-gradient-dark'],
& [class*='has-stats-gradient-light'] {
min-height: 18.75rem;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
&::before {
content: '';
background-image: url('data:image/svg+xml;utf8,');
position: absolute;
width: 1.5rem;
height: 1.5rem;
display: block;
top: 1rem;
}
@media (max-width: 782px) {
min-height: 15.625rem;
}
& p {
margin-inline: 0;
}
}
& [class*='has-stats-gradient-light'] {
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
&:nth-child(1) {
background-image: url('../../images/blocks/stats-gradient-light-tile-1.png');
}
&:nth-child(2), &:nth-child(3) {
background-image: url('../../images/blocks/stats-gradient-light-tile-2-3.png');
}
&:nth-child(4) {
background-image: url('../../images/blocks/stats-gradient-light-tile-4.png');
}
&::before {
background-image: url('data:image/svg+xml;utf8,');
}
}
}