ds

frontend/src/assets/TriangleBtn.svg

+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M48.8132 24.8944C48.9915 37.926 38.5719 48.6347 25.5403 48.813C12.5086 48.9913 1.7999 38.5717 1.62159 25.5401C1.44328 12.5085 11.8629 1.79973 24.8945 1.62142C37.9261 1.44311 48.6349 11.8628 48.8132 24.8944Z" stroke="#9D34DF"/>
+<path d="M31 32.9997C31 34.6479 29.1184 35.5886 27.7999 34.5997L17.1332 26.5987C16.0666 25.7987 16.0667 24.1987 17.1334 23.3987L27.8001 15.3997C29.1186 14.4109 31 15.3517 31 16.9997L31 32.9997Z" fill="#9D34E5"/>
+</svg>

frontend/src/components/CareerCard.jsx

 
 const _card = {
   role: ".Net Developer",
-  shortDetails: "Junior and Medior positions",
+  shortDetails: "Join the Team of Diligent Minds",
 }
 
 const CareerCard = ({card ,setExpanded, setExpandedCard}) => {

frontend/src/components/ExpandedCard.jsx

   return (
     <div
     className={
-        'dark:text-white card-no-hover w-full h-fit shadow-md rounded-md px-12 lg:px-16 py-12 lg:py-16'
+        'dark:text-white card-no-hover w-full h-fit shadow-md rounded-md px-12 lg:px-32 py-12 lg:py-16'
     }
   >
     <div className="flex flex-col items-start justify-center text-left">
       <div className="flex flex-row items-center justify-start">
-        <div className='mr-4'>
+        <div className='mr-4 lg:hidden'>
+          <TriangleButton onClick={() => {setExpanded(false); setExpandedCard({})}} direction={'left'}/>
+        </div>
+        <div className='hidden lg:block absolute top-20 left-12'>
           <TriangleButton onClick={() => {setExpanded(false); setExpandedCard({})}} direction={'left'}/>
         </div>
        

frontend/src/components/shared/TriangleButton/index.jsx

 import React, { useEffect } from "react";
-import { ReactComponent as TriangleSVG } from "../../../assets/graphics/BackTriangle.svg";
+import { ReactComponent as TriangleSVG } from "../../../assets/TriangleBtn.svg";
 
 export default function TriangleButton(props) {