body {
  max-width: 40em;
  margin: 0 auto;
  padding: 5px;
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 1.6em;
  color: black;
}

h1, h2, h3 {
  font-family: sans-serif;
  font-weight: normal;
}

a {
  font-family: sans-serif;
  font-weight: normal;
  color: #016A70
}

.profile-container {
  display: flex;
  align-items: start; /* To align the top of text and image */
  gap: 20px; /* For a little spacing between text and image */
}

.profile-text {
  flex: 1; /* To ensure the text occupies all available space after allocating space to the image */
}

.profile-image {
  flex-basis: 300px; /* Adjust this to a larger width suitable for your image on desktops */
}

.profile-image img {
  max-width: 100%;
  height: auto;
}

div.blogparent{
	font-size:1.2em;
	margin:1em 0 -0.5em 0;
  font-family:valkyrie_c4;
	font-weight:normal;
	font-style:normal;
}

article header h1{
	margin-bottom:0
}

img {
  max-width: 100%;
  height: auto;
  }

.blog-pic-2 {
  flex: 50%;
  padding: 5px;
  }

.blog-pic-3 {
    flex: 33.33%;
    padding: 5px;
  }

.blog-picture-container {
  display: flex;
  align-items: start; /* To align the top of text and image */
  gap: 20px; /* For a little spacing between text and image */
  }

/* Responsive layout for smaller screens */
@media screen and (max-width: 768px) {
  .profile-container {
    flex-direction: column;
  }

  .blog-picture-container {
    flex-direction: column;
  }

  .profile-image {
    flex-basis: auto; /* Reset the width on smaller screens */
    align-self: center; /* To center the image horizontally */
    margin-bottom: 20px; /* Spacing below the image */
  }
}