please fix this codes (<style>
  @media (min-width: 1024px) {<br />
    .brain-analysis {<br />
      padding: 30px !important;<br />
      padding-top: 80px !important;<br />
    }<br />
    .brain-analysis h1 {<br />
      font-size: 2.5vw;<br />
    }<br />
    .brain-analysis h2 {<br />
      font-size: 2vw;<br />
    }<br />
    .brain-analysis h3 {<br />
      font-size: 1.8vw;<br />
    }<br />
    .brain-analysis p,<br />
    .brain-analysis li {<br />
      font-size: 1.2vw;<br />
    }<br />
  }</p>
<p>  @media (min-width: 768px) and (max-width: 1023px) {<br />
    .brain-analysis {<br />
      padding: 20px !important;<br />
      padding-top: 60px !important;<br />
    }<br />
    .brain-analysis h1 {<br />
      font-size: 3.5vw;<br />
    }<br />
    .brain-analysis h2 {<br />
      font-size: 3vw;<br />
    }<br />
    .brain-analysis h3 {<br />
      font-size: 2.5vw;<br />
    }<br />
    .brain-analysis p,<br />
    .brain-analysis li {<br />
      font-size: 1.5vw;<br />
    }<br />
  }</p>
<p>  @media (max-width: 767px) {<br />
    .brain-analysis {<br />
      padding: 10px !important;<br />
      padding-top: 40px !important;<br />
    }<br />
    .brain-analysis h1 {<br />
      font-size: 6vw;<br />
    }<br />
    .brain-analysis h2 {<br />
      font-size: 5vw;<br />
    }<br />
    .brain-analysis h3 {<br />
      font-size: 4.5vw;<br />
    }<br />
    .brain-analysis p,<br />
    .brain-analysis li {<br />
      font-size: 3vw;<br />
    }<br />
  }<br />
</style>
<div class="brain-analysis" style="background-image: url('https://longevacare.com/wp-content/uploads/2024/08/business-man-working-.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed;">
<h1 style="color: #d1c287; text-transform: uppercase; font-weight: bold; margin-bottom: 16px;">Precision Brain Analysis</h1>
<p style="font-family: 'Poppins', sans-serif; color: #ffffff; line-height: 1.6;">For peak performance and executive mastery for the C suites and executives.</p>

<h2 style="color: #d1c287; text-transform: uppercase; font-weight: bold; margin-bottom: 16px;">Package Overview</h2>
<p style="font-family: 'Poppins', sans-serif; color: #ffffff; line-height: 1.6;">Our Precision Brain Analysis Package is designed to provide thorough diagnostic insights into your cognitive skills. This comprehensive assessment utilizes advanced neuroscientific methods to understand brain function and behavior, enabling personalized treatment planning and support.</p>

<h3 style="color: #ffff; font-weight: 900; margin-bottom: 12px;">Key Components</h3>
<ul style="list-style-type: disc; margin-left: 20px;">
 	<li style="color: #ffff; margin-bottom: 10px;">Comprehensive Diagnostic Evaluation</li>
 	<li style="color: #ffff; margin-bottom: 10px;">Neurophysiological Assessments</li>
 	<li style="color: #ffff; margin-bottom: 10px;">Cognitive and Developmental Assessments</li>
 	<li style="color: #ffff; margin-bottom: 10px;">Comprehensive Brain Mapping Report</li>
 	<li style="color: #fff; margin-bottom: 10px;">Personalized Treatment and Support Plan</li>
</ul>
<h2 style="color: #d1c287; text-transform: uppercase; font-weight: bold; margin-bottom: 16px;">Benefits for C-Suite Executives</h2>
<ul style="list-style-type: disc; margin-left: 20px;">
 	<li style="color: #ffff; margin-bottom: 10px;">Enhanced Cognitive Performance</li>
 	<li style="color: #ffff; margin-bottom: 10px;">Stress Management</li>
 	<li style="color: #ffff; margin-bottom: 10px;">Preventive Health</li>
 	<li style="color: #ffff; margin-bottom: 10px;">Enhanced Leadership Abilities</li>
 	<li style="color: #ffff; margin-bottom: 10px;">Personalized Health Insights</li>
</ul>
<h2 style="color: #d1c287; text-transform: uppercase; font-weight: bold; margin-bottom: 16px;">Corporate Benefits</h2>
<div style="color: #ffffff; background-color: #4f3f02; padding: 12px; border-radius: 8px; font-weight: bold; margin-top: 24px;">Basic Package</div>
<p style="padding-left: 20px; color: #ffffff;">Top of the line extensive QEEG analysis and personalized cognition mapping and a brain fitness score.</p>

<div style="color: #ffffff; background-color: #4f3f02; padding: 12px; border-radius: 8px; font-weight: bold; margin-top: 24px;">Advanced Package</div>
<p style="padding-left: 20px; color: #ffffff;">QEEG analysis, Neurotransmitters, Metabolites of Neurotransmitters, A detailed pharmacogenomic DNA analysis to determine the best medications and appropriate dosages.</p>

</div>) and add more codes and add features to make it clear and add more codes and make it cool design, and odn't change the styles colors and font and type full codes in one place and don't add html and head