This is what the browser console says.
Any ideas? The image is 500x500 and is a png.
[Error] Failed to load resource: the server responded with a status of 413 (HTTP/2.0 413) (avatar, line 0)
[Error] PHP: <html>
<head><title>413 Request Entity Too Large</title></head>
<body bgcolor="white">
<center><h1>413 Request Entity Too Large</h1></center>
<hr><center>nginx/1.10.3 (Ubuntu)</center>
</body>
</html>
defaultAjaxError (core-compiled.js:42:437)
t (core-compiled.js:39:488)
i (jquery-3.2.1.min.js:2:28023)
fireWith (jquery-3.2.1.min.js:2:28785)
A (jquery-3.2.1.min.js:4:14071)
(anonymous function) (jquery-3.2.1.min.js:4:16325)
[Error] PHP: <html>
<head><title>413 Request Entity Too Large</title></head>
<body bgcolor="white">
<center><h1>413 Request Entity Too Large</h1></center>
<hr><center>nginx/1.10.3 (Ubuntu)</center>
</body>
</html>
defaultAjaxError (core-compiled.js:42:437)
t (core-compiled.js:39:488)
i (jquery-3.2.1.min.js:2:28023)
fireWith (jquery-3.2.1.min.js:2:28785)
A (jquery-3.2.1.min.js:4:14071)
(anonymous function) (jquery-3.2.1.min.js:4:16325)
Any ideas? The image is 500x500 and is a png.