diff --git a/client/src/components/Council.jsx b/client/src/components/Council.jsx
index 00c27be..3c2a311 100644
--- a/client/src/components/Council.jsx
+++ b/client/src/components/Council.jsx
@@ -1,110 +1,3 @@
-// import React from "react";
-
-// function Council({ options }) {
-//   const { name, topic, foods } = options;
-//   const councilStyle = {
-//     zIndex: 10,
-//     color: "white",
-//     textAlign: "center",
-//     minHeight: "100vh",
-//     display: "flex",
-//     flexDirection: "column",
-//     justifyContent: "end",
-//     alignItems: "center",
-//   };
-
-//   const textAreaStyle = {
-//     width: "90%",
-//     transform: "translateY(-140px)", // Move the textarea up by 10px
-//   };
-
-//   const foodsContainerStyle = {
-//     position: "absolute",
-//     top: "50%",
-//     left: "50%",
-//     transform: "translate(-50%, -50%)",
-//     width: "70%",
-//     display: "flex",
-//     justifyContent: "space-around",
-//     alignItems: "center",
-//   };
-
-//   const foodImageStyle = {
-//     width: "120px",
-//     height: "120px",
-//   };
-
-//   const foodImageShadowStyle = {
-//     zIndex: -1,
-//     position: "absolute",
-//     top: "5px",
-//     left: "0px",
-//     filter:
-//       "blur(3px) brightness(0%) saturate(100%) invert(0%) sepia(100%) hue-rotate(180deg) contrast(100%)",
-//     opacity: 0.8,
-//   };
-
-//   const calculateLeftPosition = (index, total) => {
-//     const middleIndex = Math.floor(total / 2); // Calculate middle index
-//     const distanceIncrement = 10; // Adjust as needed
-//     const distance = (index - middleIndex) * distanceIncrement; // Calculate distance from middle index
-//     return `${distance}px`; // Return distance as the left position
-//   };
-
-//   const foodItemStyle = (index, total) => {
-//     const archHeightVW = 3;
-//     const verticalOffsetVW = 6.5;
-
-//     const middleIndex = Math.floor((total - 1) / 2);
-
-//     const a = archHeightVW / middleIndex ** 2;
-
-//     const topValueVW = a * (index - middleIndex) ** 2;
-
-//     return {
-//       position: "absolute",
-//       left: `${(index / (total - 1)) * 100}%`,
-//       top: `calc(${topValueVW}vw - ${verticalOffsetVW}vw)`,
-//       transform: "translate(-50%, -50%)",
-//     };
-//   };
-
-//   return (
-//     <div style={councilStyle}>
-//       <textarea
-//         className="text-input"
-//         rows="5"
-//         style={textAreaStyle}
-//         disabled
-//       ></textarea>
-//       <div style={foodsContainerStyle}>
-//         {foods.map((food, index) => (
-//           <div
-//             key={index}
-//             style={foodItemStyle(index, foods.length)}
-//           >
-//             <img
-//               src={`/images/foods/${food}.png`}
-//               style={foodImageStyle}
-//             />
-//             <img
-//               src={`/images/foods/${food}.png`}
-//               style={{
-//                 ...foodImageStyle,
-//                 ...foodImageShadowStyle,
-//                 left: calculateLeftPosition(index, foods.length),
-//                 backgroundImage: `url(/images/foods/${food}.png)`,
-//               }}
-//             />
-//           </div>
-//         ))}
-//       </div>
-//     </div>
-//   );
-// }
-
-// export default Council;
-
 import React from "react";
 
 function Council({ options }) {