.responsive-img {
    width: 700px; /* Set to 700px by default */
    max-width: 100%; /* Allow the image to resize on smaller screens */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Ensures the image is a block element, helping to center */
    margin: 0 auto; /* Center the image horizontally */
  }

  /* Ensure it's responsive on smaller screens */
  @media (max-width: 768px) {
    .responsive-img {
      width: 100%; /* Resize to 100% of the container width */
    }
  }