Improve arc responsiveness

Author: Pascal Wegner

packages/pwa/src/components/Counter/Counter.tsx

@@ -32,13 +32,13 @@ export function Counter({
 
   return (
     <div>
-      <div className="flex flex-col items-center mb-20 z-[1]">
+      <div className="flex flex-col items-center mb-8 lg:mb-20 z-[1]">
         <span className="text-blue-600 text-lg font-bold">ROUND</span>
         <span className="text-4xl" data-testid={'round'}>{`${
           rounds - roundsLeft
         }/${rounds}`}</span>
       </div>
-      <div className="flex flex-col justify-center items-center relative w-72 h-72">
+      <div className="flex flex-col justify-center items-center relative w-64 sm:w-72 lg:w-80 h-64 sm:h-72 lg:h-80">
         <Arc
           key={factor === 0 ? 'arc-from-start' : 'arc-running'}
           className="absolute origin-center"