.container {
  max-width: 2560px;
}

.top-buffer {
  margin-top: 3%;
  margin-bottom: 3%;
}

.vertical-align {
    display: flex;
    align-items: center;
}

body {
    background: #ffffff;
    font-family: 'Source Serif Pro', serif;
    font-size: 14pt;
}

p {
    padding: 0.5em 0;
}

a:hover {
    text-decoration: underline;
}

.responsive-img {
  width: 250px;   /* Fixed width */
  height: 250px;  /* Fixed height */
  object-fit: cover; /* Cover the container without distorting aspect ratio */
}

.image-container {
  width: 250px;
  height: 250px;
  background-image: url("/?originalUrl=https%3A%2F%2Fnoviscl.github.io%2Fimages%2Fphoto.jpg");
  background-size: cover; /* Resize the background image to cover the entire container */
  background-position: center; /* Center the image within the container */
}