style: casestudy page horizontal spacing (#2728)

Co-authored-by: Ansh Goyal <[email protected]>

pages/casestudies/[id].js

@@ -143,7 +143,7 @@ function Index({
       wide
     >
     <div className="max-w-screen lg:flex-row-reverse lg:flex lg:justify-between">
-      <CaseTOC toc={content} cssBreakingPoint="lg" className="lg:flex-1 bg-blue-100 mt-4 p-4 sticky top-20 overflow-y-auto max-h-screen lg:bg-transparent lg:mt-2 lg:pt-0 lg:pb-8 lg:top-24 lg:max-h-(screen-16) lg:border-l lg:border-gray-200 lg:min-w-[265px] lg:max-w-72 lg:-mr-14" />
+     <CaseTOC toc={content} cssBreakingPoint="lg" className="lg:flex-1 bg-blue-100 mt-4 p-4 sticky top-20 overflow-y-auto max-h-screen lg:bg-transparent lg:mt-2 lg:pt-0 lg:pb-8 lg:top-24 lg:max-h-(screen-16) lg:border-l lg:border-gray-200 lg:min-w-[265px] lg:max-w-72 lg:-mr-14" />
       <div className="px-4 sm:px-6 xl:px-0 lg:flex-1 lg:max-w-[812px] xl:max-w-5xl case-study">
         <div className="mt-10 md:mt-20 flex flex-col md:flex-row justify-between items-center">
           <div className="w-full md:w-[65%]">
@@ -189,13 +189,11 @@ function Index({
               </Heading>
             </div>
           </div>
-          <div className="mt-10 md:mt-0">
-            <img
+          <img
               src={casestudy.company.logo}
               alt={casestudy.company.name}
-              className="w-[350px] rounded-lg"
+              className="w-[250px] mt-5 md:mt-0 mx-auto rounded-lg"
             />
-          </div>
         </div>
         {renderContent(content, allComponents, 0)}
         </div>
@@ -204,4 +202,4 @@ function Index({
   );
 }
 
-export default Index;
+export default Index;