/* Base Reset */
* {
     padding: 0;
     margin: 0;
     box-sizing: border-box;
   }
   
   /* Body Styling */
   body {
     height: 100vh;
     width: 100%;
     display: grid;
     place-items: center;
     background-color: hsl(30, 38%, 92%);
     font-family: 'Montserrat', sans-serif;
   }
   
   /* Card Container */
   .container {
     width: 700px;
     max-width: 90%;
     background-color: white;
     display: grid;
     grid-template-columns: 1fr 1fr;
     border-radius: 15px;
     overflow: hidden;
   }
   
   /* Image Section */
   .cent-image {
     height: 100%;
   }
   
   .cent-image > img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
   }
   
   /* Text Section */
   .text-div {
     background-color: hsl(0, 0%, 100%);
     padding: 40px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
   }
   
   .name {
     text-transform: uppercase;
     letter-spacing: 2px;
     color: hsl(158, 42%, 18%);
     font-size: 12px;
     margin-bottom: 15px;
   }
   
   .heading {
     font-family: 'Fraunces', serif;
     font-size: 28px;
     margin-bottom: 20px;
   }
   
   .info {
     font-size: 14px;
     color: hsl(228, 12%, 48%);
     line-height: 1.5;
     margin-bottom: 20px;
   }
   
   .prize-div {
     display: flex;
     align-items: center;
     gap: 20px;
     margin-bottom: 20px;
   }
   
   .prize {
     color: hsl(158, 36%, 37%);
     font-size: 30px;
     font-family: 'Fraunces', serif;
   }
   
   .deleted-text {
     text-decoration: line-through;
     color: hsl(228, 12%, 48%);
   }
   
   button {
     background-color: hsl(158, 36%, 37%);
     color: white;
     height: 50px;
     border: none;
     width: 100%;
     border-radius: 10px;
     font-weight: bold;
     font-size: 15px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
   }
   
   button:hover {
     background-color: hsl(158, 36%, 25%);
   }
   
   /* Responsive Layout */
   @media (max-width: 768px) {
     .container {
       grid-template-columns: 1fr;
       grid-template-rows: auto auto;
       width: 90%;
       height: auto;
       border-radius: 10px;
     }
   
     .cent-image {
       height: auto;
     }
   
     .cent-image > img {
       height: auto;
       object-fit: cover;
     }
   
     .text-div {
       padding: 25px;
       border-radius: 0 0 10px 10px;
     }
   
     .heading {
       font-size: 24px;
     }
   
     .info {
       font-size: 13px;
     }
   
     .prize {
       font-size: 22px;
     }
   
     button {
       height: 45px;
       font-size: 14px;
     }
   
     .add {
       font-size: 14px;
     }
   }
   
   /* Extra Small Devices (Mobile Portrait) */
   @media (max-width: 480px) {
     .text-div {
       padding: 20px;
     }
   
     .heading {
       font-size: 20px;
     }
   
     .info {
       font-size: 12px;
     }
   
     .prize {
       font-size: 20px;
     }
   
     .add {
       font-size: 13px;
     }
   }