.dynamic-line {
  width: 50vw;          /* Dynamically scales to 50% of the viewport width */
  max-width: 400px;     /* Prevents it from getting too wide on large screens */
  min-width: 150px;     /* Prevents it from getting too small on mobile */
  border: 0;            /* Resets default browser styling */
  height: 2px;          /* Height of the line */
  background-image: linear-gradient(to right, transparent, #4a90e2, transparent); 
  /* Fades out dynamically on the left and right edges */
  margin: 30px auto;    /* Centers the line with top/bottom spacing */
}