I have a strange problem with text-shadow on a large title in Safari. There seem to be pixelated boxes in the shadow on Safari, whilst on Chrome it looks great. Does anyone know why this might happen? I couldn't find anything online about this issue.
CSS for the element (I put it all in just in case there is something relevant):
.title {
min-width: 100vw;
min-height: 100vh;
font-size: calc(50px + 5vmin);
color: white;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
text-shadow: 0px 0px 60px black;
user-select: none;
}
Chrome:
Safari:
