diff --git a/app/Views/errors/403.php b/app/Views/errors/403.php index 50d13e13..a76bcf1f 100755 --- a/app/Views/errors/403.php +++ b/app/Views/errors/403.php @@ -41,11 +41,20 @@ text-align: center; } + .error-illustration-frame { + display: inline-block; + max-width: 100%; + line-height: 0; + margin: 0 auto 24px auto; + } + .error-image { - width: min(100%, 560px); - height: auto; display: block; - margin: 0 auto 10px auto; + width: 446px; + height: auto; + max-width: 100%; + max-height: 52vh; + object-fit: contain; } .error-title { @@ -98,7 +107,7 @@ background-image: radial-gradient(circle at 0 0, rgba(87, 233, 255, 0.12) 0, rgba(87, 233, 255, 0.12) 120px, transparent 120px), radial-gradient(circle at 100% 100%, rgba(87, 233, 255, 0.12) 0, rgba(87, 233, 255, 0.12) 140px, transparent 140px); } - .error-image { + .error-illustration-frame { margin-bottom: 20px; } @@ -113,7 +122,15 @@
- /assets/images/errors/403_illustration.png" alt="403 access denied"> +
+ /assets/images/errors/403_illustration.png" + width="446" + height="415" + decoding="async" + fetchpriority="high" + alt="403 access forbidden"> +

ACCESS DENIED

diff --git a/public/assets/images/errors/403_illustration.png b/public/assets/images/errors/403_illustration.png index 1c277537..be1912c3 100644 Binary files a/public/assets/images/errors/403_illustration.png and b/public/assets/images/errors/403_illustration.png differ