@font-face {
   font-family: MarkOT;
   src: url(MarkOT.woff);
}


body {
  /*background: #F6F6EC;*/
  position: relative;
   background-image: url('background.jpg');
   background-size: cover;

  height: 439px;
 
}

h1{
  font-family: Mark OT;
  font-size: 60px;
  font-weight: 700;
  color: #744116;
   text-decoration: underline;
  text-align: center;
}



.image-container {
  width: 420px;
  height: 70vh;
  border: 5px solid #3e2109;
   flex-shrink: 0;
 margin: 0;
   align-content: center;
}

.image-container img {
  width: 100%;
  height: 100%;
 object-fit: cover; /* or 'contain' if you want all of the image visible */
  margin: 0; 
    flex: 1; 
    align-content: center;
}



.layout{
  display: flex;
  gap: -50px;
}