From 06dbef55ae91d92540e6d9f6d3db2817c3bb3247 Mon Sep 17 00:00:00 2001
From: stefanskoricdev <stefan@crocoder.dev>
Date: Mon, 29 Sep 2025 16:02:54 +0200
Subject: [PATCH 1/2] FIX: Issue with background pattern on staff augmentation
 page

---
 apps/website/src/assets/desktop-staff-hero.svg    |  1 +
 apps/website/src/assets/mobile-staff-hero.svg     | 11 +----------
 .../src/components/staff-agmentation/Hero.astro   | 15 +--------------
 apps/website/tailwind.config.js                   |  5 +++++
 4 files changed, 8 insertions(+), 24 deletions(-)
 create mode 100644 apps/website/src/assets/desktop-staff-hero.svg

diff --git a/apps/website/src/assets/desktop-staff-hero.svg b/apps/website/src/assets/desktop-staff-hero.svg
new file mode 100644
index 00000000..fd6f2091
--- /dev/null
+++ b/apps/website/src/assets/desktop-staff-hero.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2284.978" height="1499.032" viewBox="0 0 604.567 396.619" xmlns:v="https://vecta.io/nano"><path d="M387.609 350.192l-11.774-1.427-6.615-.836c-9.054-1.016-9.991-1.204-11.454-2.297-1.917-1.432-2.704-3.89-2.161-6.754.508-2.681 2.446-4.172 5.677-4.368 1.793-.109 7.732.503 22.541 2.325 3.576.44 6.55.751 6.61.691.148-.148-.733-6.822-2.015-15.255-1.756-11.558-1.996-13.831-1.629-15.467.353-1.575 1.286-2.943 2.652-3.884 1.445-.996 3.861-.947 14.704.296l12.435 1.473c1.601.209 3.49.381 4.198.382 1.208.002 1.277-.035 1.123-.593-.091-.327-.336-1.788-.545-3.247s-.445-2.827-.523-3.043-.677-4.082-1.33-8.594l-1.593-10.848c-.224-1.455-.332-3.153-.242-3.773.426-2.92 4.175-5.703 7.062-5.241 2.124.34 4.283 2.025 5.085 3.968.514 1.246 1.36 6.063 2.114 12.034.375 2.97.73 5.48.79 5.576s.597 3.5 1.193 7.564l1.642 10.431c.382 2.088.498 3.435.368 4.292-.255 1.685-1.583 3.606-3.069 4.436-1.106.618-1.425.663-4.498.632-3.45-.035-10.084-.689-18.379-1.814-2.681-.363-5.893-.739-7.138-.835-1.996-.153-2.264-.123-2.264.262 0 .607 2.29 16.224 2.77 18.888 1.113 6.185 1.49 9.65 1.199 11.048-.553 2.666-2.854 4.675-5.689 4.967-.759.078-5.549-.343-11.245-.989zm83.565-166.372c-1.375-.711-1.832-1.126-2.537-2.303-.726-1.212-.86-1.695-.86-3.093 0-1.654 1.382-11.735 2.878-20.989l1.461-9.26c.369-2.401.801-4.821.961-5.377.45-1.565 2.467-3.478 4.206-3.99.79-.232 1.629-.423 1.863-.423 1.084 0 3.782.935 6.972 2.416l7.323 3.279a323.9 323.9 0 0 1 7.276 3.272c1.892.887 3.591 1.613 3.777 1.614.558.004.766-.935 1.91-8.627 1.608-10.816 2.601-16.877 2.888-17.632.418-1.098 1.879-2.57 3.233-3.256 2.343-1.187 4.419-.772 10.682 2.14l22.409 10.042c4.642 2.042 5.442 2.682 6.387 5.104.947 2.428.336 4.957-1.67 6.903-2.286 2.218-4.658 2.195-9.576-.094l-6.173-2.783-6.482-2.901c-5.85-2.68-7.18-3.223-7.549-3.081-.193.074-.42.648-.504 1.275l-.556 3.786-.77 5.083c-.202 1.341-.435 2.65-.517 2.91s-.499 2.914-.926 5.897c-.894 6.254-1.446 8.016-2.931 9.357-1.533 1.385-2.587 1.842-4.238 1.835-1.313-.005-2.624-.525-13.442-5.334l-12.111-5.329c-.338 0-.742 1.954-1.58 7.65l-1.041 6.634c-.068.22-.481 2.835-.919 5.811-1.093 7.437-1.758 8.689-5.27 9.924-1.716.603-2.711.503-4.574-.46zM288.655 83.58l-6.085-1.412a128.17 128.17 0 0 1-4.895-1.202c-1.164-.32-3.545-.915-5.292-1.322l-6.41-1.562a165.17 165.17 0 0 0-5.157-1.225c-3.698-.778-5.571-2.028-6.725-4.486-.762-1.623-.787-2.857-.096-4.704.617-1.649 1.512-2.592 3.174-3.345 1.809-.819 3.294-.683 9.928.906l10.71 2.522c2.547.586 5.345 1.29 6.218 1.563s1.933.574 2.356.668l.768.171-.17-3.786c-.094-2.082-.19-8.49-.332-14.237-.098-3.932-.29-8.489.113-10.831s2.044-3.906 4.492-4.088c2.047-.152 1.739-.306 10.368 1.766l9.79 2.305c1.382.307 3.481.859 4.663 1.226s2.492.629 2.91.582l.761-.087-.008-1.984-.237-13.891c-.225-11.703-.22-11.925.311-12.965.735-1.438 1.631-2.353 3.009-3.074 1.553-.812 3.904-.831 5.409-.042 1.437.753 2.932 2.452 3.273 3.718.313 1.162.676 8.456 1.071 21.491.509 16.836.433 17.75-1.641 19.751-.623.601-1.514 1.285-1.98 1.519-1.695.852-2.39.73-18.6-3.262-6.74-1.66-10.558-2.444-10.892-2.238-.152.094-.197 1.09-.111 2.447.08 1.259.285 7.312.457 13.451.293 10.505.284 11.235-.16 12.397-.608 1.591-1.844 2.988-3.182 3.596-1.53.695-3.927.592-7.807-.336zM36.11 29.367c-1.702-.765-16.633-7.137-19.182-8.187-4.379-1.803-12.406-5.272-13.492-5.831C1.442 14.324.01 11.97 0 9.702c-.007-1.66.923-3.425 3.65-6.921L5.709.14l8.266-.07L22.242 0l-2.053 2.583-2.821 3.488-.767.904 1.023.527c.563.29 2.392 1.085 4.066 1.766 4.232 1.722 17.756 7.541 18.993 8.172 1.22.622 2.876 2.392 3.39 3.622 1.254 3.002-.875 7.308-4.089 8.271-1.194.358-3.115.374-3.874.033z" fill="#5ea400"/><path d="M34.258 394.704l-7.276-8.546c-8.41-9.819-8.468-9.906-8.465-12.557.003-2.555 1.13-4.516 3.204-5.574 1.338-.683 4.183-.691 5.667-.017 1.177.535 3.686 3.254 11.748 12.733l9.179 10.782 4.341 5.093-8.405-.005-8.405-.005zm34.604 1.568c.073-.19.898-1.411 1.834-2.712s5.43-7.879 9.987-14.617 8.807-12.788 9.444-13.443c1.423-1.464 2.54-1.954 4.455-1.954 3.072 0 3.575.462 14.553 13.361l12.235 14.354 4.579 5.358-8.408-.007-8.408-.007-5.424-6.388c-6.735-7.933-7.894-9.207-8.366-9.207-.463 0-4.088 4.871-8.19 11.004l-3.081 4.606h-7.672c-6.21 0-7.647-.066-7.54-.346zm67.83-.398l13.395-19.821c8.136-11.999 10.118-14.637 11.683-15.555 2.17-1.272 5.597-.775 7.454 1.079 1.27 1.268 1.847 3.122 1.606 5.157-.221 1.867-.699 2.67-7.634 12.835l-7.439 10.914-4.177 6.134h-7.689-7.689zm383.473-55.633c-1.744-.788-3.12-2.246-3.58-3.793-.754-2.538-.411-4.234 1.232-6.105 1.634-1.862.83-1.673 23.212-5.446 10.047-1.694 11.944-2.097 11.944-2.537 0-.234-1.529-3.602-5.627-12.393l-4.566-9.922c-.476-1.091-1.414-3.154-2.084-4.583-1.097-2.34-1.217-2.787-1.212-4.498.009-2.942 1.167-4.883 3.493-5.855 1.059-.442 9.759-2.012 18.33-3.307 2.91-.44 6.006-.979 6.879-1.198s2.816-.577 4.318-.794 2.853-.471 3.003-.564c.485-.3.005-1.641-2.531-7.074l-3.8-8.244-4.053-8.731c-2.48-5.263-2.752-5.992-2.847-7.609-.089-1.536-.002-1.996.616-3.26 1.542-3.152 5.41-4.394 8.588-2.759 1.853.953 2.516 2.026 6.296 10.189l3.383 7.276 6.607 14.42 2.758 6.136c1.844 4.085 1.733 6.408-.42 8.803-1.41 1.568-2.323 1.885-8.028 2.786l-21.96 3.699c-.946.212-2.375.48-3.175.595-1.209.174-1.469.306-1.537.781-.071.496 3.926 9.479 8.809 19.799 3.624 7.658 4.462 9.744 4.577 11.387.126 1.798-.242 2.939-1.386 4.295-1.465 1.738-2.464 2.087-8.886 3.103l-10.97 1.844c-7.807 1.403-24.59 4.111-25.435 4.104-.417-.003-1.295-.248-1.949-.544zM161.624 37.229c-1.397-.523-2.421-1.327-3.293-2.585-.64-.923-.787-1.436-.867-3.019-.114-2.267.132-2.852 2.131-5.04.769-.843 6.042-5.997 11.718-11.454l13.022-12.527L187.038 0l8.294.07 8.294.07-.225.87c-.32 1.235-2.09 3.027-18.991 19.228-16.797 16.102-16.726 16.036-17.968 16.672-1.197.612-3.607.772-4.816.32zm282.076-2.321l-5.556-1.953c-5.454-1.896-6.744-2.726-7.836-5.035-1.036-2.191-.751-4.307.863-6.424 1.206-1.582 2.033-1.908 4.837-1.909 1.857-.001 2.926.145 4.18.568 1.142.386 1.772.482 1.954.3.148-.148.37-1.342.493-2.653.323-3.441 1.668-5.734 3.855-6.569 1.468-.561 4.201-.395 6.692.406.922.296 1.83.539 2.016.539.232 0 .398-.672.525-2.135.351-4.02 1.35-5.967 3.693-7.195 2.297-1.204 5.9-.431 7.641 1.638 1.183 1.405 1.342 2.379 1.158 7.058-.178 4.503-.612 10.319-.863 11.551-.193.95-2.635 3.614-3.732 4.072-1.414.591-3.673.434-6.145-.426-1.227-.427-2.313-.725-2.414-.663s-.326 1.277-.5 2.698c-.368 3.004-.967 4.438-2.392 5.725-2.021 1.826-4.176 1.93-8.47.408zm156.919-8.327c-1.026-.445-1.503-.839-10.076-8.304-12.569-10.946-13.048-11.463-13.076-14.119-.011-.991.173-2.134.466-2.894l.484-1.257 5.468.01 5.468.01 5.415 4.773c5.442 4.797 6.392 5.536 6.553 5.099.048-.13.788-1.665 1.643-3.411l1.556-3.175.023 11.84.023 11.84-1.521-.01c-.837-.006-1.928-.187-2.426-.403z" fill="#ffa800"/></svg>
\ No newline at end of file
diff --git a/apps/website/src/assets/mobile-staff-hero.svg b/apps/website/src/assets/mobile-staff-hero.svg
index 67703a98..af72d2e5 100644
--- a/apps/website/src/assets/mobile-staff-hero.svg
+++ b/apps/website/src/assets/mobile-staff-hero.svg
@@ -1,10 +1 @@
-<svg width="1280" height="777" viewBox="0 0 1280 777" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M1199.65 193.965L1294.49 221.928L1241.84 307.38L1336.68 335.342L1284.02 420.794" stroke="#5EA400" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M1235.57 718.159L1213.1 774.21L1164.18 737.267L1141.71 793.318L1092.8 756.374" stroke="#FFA800" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M1148.11 86.1841L1145.52 49.5837L1182.06 56.8028L1179.48 20.2024L1216.02 27.4215" stroke="#FFA800" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M-29.2263 212.378L4.9856 225.638L-17.11767 255.617L17.0942 268.877L-4.99096 298.856" stroke="#5EA400" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M603.136 -2.35031L664.964 -39.3767L684.761 31.0508L746.589 -5.97565L766.385 64.4518" stroke="#5EA400" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M636.996 742.477L635.619 794.832L584.689 779.524L583.312 831.879L532.381 816.571" stroke="#5EA400" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M-3.78851 819.311L62.2256 755.841L106.814 837.445L172.828 773.975L217.417 855.578" stroke="#FFA800" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M56.6282 71.8128L62.9252 17.1987L114.758 37.9292L121.055 -16.6849L172.888 4.0457" stroke="#FFA800" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-  </svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="1709.257" height="1152.023" viewBox="0 0 452.241 304.806" xmlns:v="https://vecta.io/nano"><path d="M297.328 288.79c-.146-.055-3.598-.464-7.673-.909l-8.07-.938c-.364-.07-3.415-.473-6.781-.895-6.656-.834-7.635-1.126-8.772-2.616-.566-.742-.726-1.28-.807-2.708-.125-2.217.402-3.463 1.88-4.441 1.548-1.025 3.195-1.016 12.363.067l13.622 1.427c.155-.155-.559-5.574-2.124-16.099-1.065-7.165-1.065-8.502-.003-10.035.88-1.269 1.982-1.884 3.66-2.04.807-.075 5.602.373 11.545 1.078 8.964 1.064 12.216 1.369 12.183 1.141a1020.42 1020.42 0 0 0-.372-2.315c-1.138-7.054-3.058-20.276-3.058-21.065 0-.507.168-1.243.374-1.636.88-1.68 3.217-3.235 4.843-3.222 1.707.013 3.954 1.675 4.615 3.413.291.765 1.112 5.418 1.544 8.752.16 1.237.911 6.178 1.668 10.98.873 5.54 1.376 9.561 1.376 11.001 0 2.079-.062 2.352-.741 3.241-.907 1.189-1.94 1.748-3.572 1.935-1.345.154-9.103-.587-17.094-1.632-2.752-.36-5.342-.655-5.755-.655-1.091 0-1.221-1.337 1.83 18.807.607 4.009.659 4.802.378 5.743-.691 2.307-2.798 3.777-5.357 3.74-.791-.012-1.557-.065-1.702-.12zm82.643-156.46c-1.28-.812-2.178-2.038-2.455-3.352-.175-.83.597-6.878 1.975-15.466l1.437-9.187c.404-2.663.855-4.691 1.187-5.342a5.17 5.17 0 0 1 5.696-2.67c.673.151 3.175 1.165 5.561 2.254l4.484 1.98c.081 0 2.066.893 4.413 1.984s4.417 1.984 4.601 1.984.4-.171.481-.381.756-4.406 1.501-9.327l1.616-10.128c.386-1.75 1.117-2.74 2.633-3.565 2.215-1.206 2.956-1.027 11.372 2.748l10.966 4.873c2.037.889 4.772 2.154 6.077 2.811 2.163 1.09 2.432 1.312 3.043 2.512 1.272 2.5.706 4.997-1.518 6.692-.836.637-1.167.719-2.819.697-1.709-.023-2.173-.165-5.312-1.625-6.082-2.828-14.101-6.396-14.734-6.555-.613-.154-.619-.127-1.76 7.068l-1.619 10.176c-.549 3.423-1.072 4.636-2.482 5.761-.925.737-1.189.81-2.91.802-1.858-.009-2.053-.08-10.36-3.792l-9.243-4.162c-.478-.233-.871-.285-1.022-.134-.135.135-.582 2.548-.992 5.362l-1.023 6.439c-.152.728-.463 2.752-.692 4.498-.656 5.011-1.136 6.047-3.314 7.151-1.777.9-3.25.867-4.787-.108zM233.563 86.003l-6.085-1.47-3.704-.93c-.437-.133-3.354-.842-6.482-1.574-8.771-2.053-9.487-2.366-10.587-4.64-1.286-2.656-.228-5.529 2.49-6.763.597-.271 1.396-.496 1.776-.499.721-.006 15.658 3.498 19.551 4.586 1.237.346 2.308.597 2.381.557s.04-2.018-.073-4.396-.172-7.659-.132-11.733c.07-7.185.09-7.433.664-8.237.717-1.005 2.625-1.949 3.939-1.949.956 0 18.066 3.929 19.498 4.477.41.157 1.104.285 1.543.285h.798l-.192-11.185c-.169-9.848-.143-11.279.219-11.972.864-1.656 2.97-3.036 4.631-3.036 1.227 0 3.46 1.274 4.204 2.398.599.905.692 1.402.897 4.796.464 7.671.789 25.547.49 26.943-.539 2.511-2.684 4.141-5.119 3.887-1.425-.148-9.037-1.874-13.641-3.092-4.216-1.116-7.397-1.715-7.647-1.439-.12.133-.121 3.099-.001 6.592l.295 11.021c-.042 2.392-.344 4.679-.764 5.562-.494 1.038-1.959 2.44-3.997 2.522-1.273.052-2.679-.15-4.952-.71zM30.76 42.107c-2.488-1.013-14.144-5.97-17.462-7.427l-4.702-2.012C5.247 31.257 4.014 30.197 3.5 28.29c-.636-2.363-.179-3.145 7.407-12.673 6.202-7.789 6.263-7.874 5.916-8.221-.24-.24-1.918-.969-12.623-5.485L0 .139 13.155.07 26.311.001l1.556.829c1.288.686 1.671 1.061 2.225 2.171.847 1.7.845 2.897-.008 4.608-.372.747-3.527 4.906-7.011 9.244l-6.335 8.056c0 .094.208.235.463.314.533.165 3.439 1.388 12.369 5.205 3.492 1.493 6.726 2.995 7.185 3.338 1.765 1.319 2.573 3.622 1.942 5.534-.429 1.299-1.933 2.942-2.993 3.27-1.995.617-2.38.581-4.943-.463z" fill="#5ea400"/><path d="M32.202 302.89c-.866-1.054-3.823-4.536-6.572-7.739-6.355-7.404-7.23-8.582-7.445-10.018-.32-2.136.768-4.423 2.54-5.34 1.045-.54 3.623-.499 4.673.076 1.146.627 2.548 2.203 14.883 16.735l6.571 7.739c.375.439.048.463-6.34.463h-6.735zm24.767 1.717c.008-.109.892-1.449 1.964-2.977l6.401-9.333c11.248-16.559 10.635-15.822 13.31-16.015 2.835-.205 2.675-.358 15.534 14.765l9.185 10.782 2.548 2.977h-6.703-6.703l-5.711-6.681-6.508-7.436-.796-.756-1.538 2.078c-.846 1.143-2.539 3.567-3.762 5.386l-3.662 5.358-1.438 2.051h-6.067c-3.337 0-6.06-.089-6.052-.198zm54.127-.123c.524-.848 12.568-18.681 13.006-19.258.276-.364 1.841-2.626 3.477-5.027 4.28-6.282 4.936-6.879 7.557-6.879 1.787 0 3.272.685 4.148 1.912.516.724.618 1.194.618 2.864v1.999l-2.833 4.219-6.178 9.114-5.502 8.129-2.156 3.235-6.167.007c-4.771.005-6.122-.066-5.969-.315zm308.072-47.027c-3.274-1.745-3.9-5.69-1.288-8.117 1.322-1.229 1.238-1.21 17.825-3.95 10.359-1.711 9.999-1.624 9.809-2.382-.087-.347-1.416-3.343-2.952-6.657-6.86-14.797-7.783-16.929-7.782-17.966.004-2.534 1.295-4.452 3.428-5.091.942-.282 13.155-2.416 13.829-2.416.112 0 .204 2.313.204 5.141v5.141l-1.389.265-2.381.428c-.546.089-.992.314-.992.498s1.072 2.669 2.381 5.521l2.381 5.185v9.933 9.933l-.86.148-4.829.791-7.805 1.322c-7.37 1.304-16.873 2.791-17.759 2.779-.492-.006-1.31-.234-1.82-.505zM315.452 151.812c-1.519-.812-2.663-2.418-2.84-3.988-.171-1.514.447-2.861 2.391-5.218 2.32-2.813 3.359-4.242 3.359-4.622 0-.197-.268-.441-.595-.542-1.624-.499-7.037-3.154-7.697-3.775-1.616-1.523-1.98-3.531-1.024-5.647.285-.63 1.605-2.512 2.932-4.181s2.414-3.114 2.414-3.21-.685-.447-1.521-.779-2.741-1.18-4.231-1.885c-3.442-1.629-4.169-2.54-4.169-5.227 0-2.127.689-3.407 2.361-4.387 2.158-1.264 3.705-.848 13.289 3.578 1.186.548 2.567 1.131 3.068 1.297 2.932.968 4.415 2.842 4.426 5.593.007 1.723-.398 2.448-3.537 6.332-1.116 1.381-1.995 2.666-1.955 2.856s1.621 1.008 3.513 1.818c4.219 1.806 5.033 2.397 5.895 4.28.615 1.343.644 1.568.352 2.674-.439 1.659-1.032 2.499-6.339 8.98-4.916 6.004-5.316 6.345-7.713 6.575-.906.087-1.476-.038-2.381-.522zM131.698 48.57c-2.157-1.313-3.147-4.237-2.112-6.238.551-1.066 4.165-4.692 15.011-15.061l8.136-7.943c0-.091-.506-.412-1.124-.714-1.516-.74-24.445-14.514-25.538-15.341-1.007-.762-1.541-1.519-1.791-2.538L124.1.006h8.09c7.374 0 8.167.043 8.958.488.953.536 7.65 4.52 16.875 10.039 3.274 1.959 6.237 3.815 6.583 4.124 1.439 1.284 2.026 4.007 1.249 5.796-.426.981-3.367 3.907-18.019 17.923-5.821 5.568-10.966 10.286-11.435 10.483-1.385.584-3.481.454-4.705-.29zm226.219-35.355l-4.366-1.562c-2.691-.888-4.361-1.764-5.212-2.732-.777-.884-1.402-2.385-1.399-3.358.002-.801 1.267-3.085 2.095-3.781.776-.653 1.046-.717 3.048-.717 1.388 0 2.559.151 3.181.411 1.315.549 1.826.409 1.991-.547l.137-.791 10.106-.069L377.604 0l-.134 1.392c-.074.766-.189 1.76-.256 2.209-.143.954-1.689 2.862-2.773 3.423-1.108.573-3.079.477-5.231-.255l-1.897-.645-.118.579c-.065.319-.237 1.459-.382 2.535-.289 2.139-1.068 3.432-2.614 4.338-1.565.917-3.077.831-6.281-.361z" fill="#ffa800"/></svg>
\ No newline at end of file
diff --git a/apps/website/src/components/staff-agmentation/Hero.astro b/apps/website/src/components/staff-agmentation/Hero.astro
index 217f06d2..a42a8e84 100644
--- a/apps/website/src/components/staff-agmentation/Hero.astro
+++ b/apps/website/src/components/staff-agmentation/Hero.astro
@@ -1,9 +1,6 @@
 ---
-import { Picture } from "astro:assets";
 import { getCollection } from "astro:content";
 import classnames from "classnames";
-import hero from "../../assets/mobile-staff-hero.svg";
-import heroWide from "../../assets/wide-staff-hero.svg";
 import Pill from "../../components/Pill.astro";
 import Section from "../../components/Section.astro";
 import { grid_classes } from "../../components/_grid";
@@ -44,19 +41,9 @@ if (!content) {
 >
   <div
     class={classnames(
-      "mx-auto xl:px-0 bg-[#FFF1E1] rounded-b-4xl md:rounded-b-[96px] relative overflow-hidden"
+      "mx-auto xl:px-0 bg-[#FFF1E1] rounded-b-4xl md:rounded-b-[96px] relative overflow-hidden bg-staff-hero-mobile md:bg-staff-hero-desktop lg:bg-staff-hero-wide lg:bg-center bg-cover min-[1920px]:bg-size-[1920px] bg-no-repeat"
     )}
   >
-    <Picture
-      src={hero}
-      alt=""
-      class="xl:min-w-[1400px] h-full absolute top-0 left-1/2 -translate-x-1/2 z-[1] bg-[#FFF1E1] min-[1600px]:hidden"
-    />
-    <Picture
-      src={heroWide}
-      alt=""
-      class="h-full absolute top-0 left-0 z-[1] bg-[#FFF1E1] hidden min-[1600px]:block"
-    />
     <div
       class={`${grid_classes} md:max-w-[var(--max-width)] px-4 md:px-7 !pt-[75px] md:mx-auto relative z-[2]`}
     >
diff --git a/apps/website/tailwind.config.js b/apps/website/tailwind.config.js
index 9183a49e..5678fccd 100644
--- a/apps/website/tailwind.config.js
+++ b/apps/website/tailwind.config.js
@@ -70,6 +70,11 @@ module.exports = {
         primary: "var(--font-primary)",
         secondary: "var(--font-secondary)",
       },
+      backgroundImage: {
+        "staff-hero-mobile": "url('./src/assets/mobile-staff-hero.svg')",
+        "staff-hero-desktop": "url('./src/assets/desktop-staff-hero.svg')",
+        "staff-hero-wide": "url('./src/assets/wide-staff-hero.svg')",
+      },
     },
   },
   plugins: [

From e9b6b87ae82614e5ff2dc301bff95dfd77f97e65 Mon Sep 17 00:00:00 2001
From: stefanskoricdev <stefan@crocoder.dev>
Date: Mon, 29 Sep 2025 16:07:34 +0200
Subject: [PATCH 2/2] chore: Remove unused image

---
 apps/website/src/assets/staff-hero.svg | 10 ----------
 1 file changed, 10 deletions(-)
 delete mode 100644 apps/website/src/assets/staff-hero.svg

diff --git a/apps/website/src/assets/staff-hero.svg b/apps/website/src/assets/staff-hero.svg
deleted file mode 100644
index d30b1100..00000000
--- a/apps/website/src/assets/staff-hero.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="1280" height="777" viewBox="0 0 1280 777" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1199.65 193.965L1294.49 221.928L1241.84 307.38L1336.68 335.342L1284.02 420.794" stroke="#5EA400" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M1235.57 718.159L1213.1 774.21L1164.18 737.267L1141.71 793.318L1092.8 756.374" stroke="#FFA800" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M1148.11 86.1841L1145.52 49.5837L1182.06 56.8028L1179.48 20.2024L1216.02 27.4215" stroke="#FFA800" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M-19.2263 212.378L14.9856 225.638L-7.11767 255.617L27.0942 268.877L4.99096 298.856" stroke="#5EA400" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M603.136 -2.35031L664.964 -39.3767L684.761 31.0508L746.589 -5.97565L766.385 64.4518" stroke="#5EA400" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M636.996 602.477L635.619 654.832L584.689 639.524L583.312 691.879L532.381 676.571" stroke="#5EA400" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M-3.78851 749.311L62.2256 685.841L106.814 767.445L172.828 703.975L217.417 785.578" stroke="#FFA800" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M56.6282 71.8128L62.9252 17.1987L114.758 37.9292L121.055 -16.6849L172.888 4.0457" stroke="#FFA800" stroke-width="20.4706" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>