header.paragraph:nth-of-type(1) {
  display: flex; /* Use flexbox to control the layout */
  justify-content: center; /* Center the inner content */
  align-items: center;
  width: 100%; /* Take full width of the viewport */
  max-width: 100%; /* Prevent overflow beyond the screen */
  padding: 0; /* Prevent extra spacing from padding */
  background-color: yellow; /* For demonstration purposes */
  overflow: hidden; /* Prevent image overflow */
}

header.paragraph:nth-of-type(1) .content {
  display: inline-block; /* Shrinks to fit the content (image) */
  max-width: 100%; /* Prevent div from growing beyond the container */
}

header.paragraph:nth-of-type(1) .content img {
  width: 1440px; /* Image scales with the content div */
  max-width: 550px; /* Prevent image from overflowing */
  height: auto; /* Maintain aspect ratio */
}