html {
    font-family: Garamond, serif;
   background-image: url("background.jpg"); 
}
#title {
    text-align: center;
    color: tan;
    margin: 5px;
    border-top: dotted 2px tan;
    border-bottom: dotted 2px tan;
}
#elfo-d, #lucy-d, #jb-d {
  text-align: center;
  color: rgb(0, 0, 0);
  font-size: 25px;
  margin: 20px;
  border-bottom: dotted 2px tan;
}
#elfo, #jb, #lucy {
    width: 200px;
    
}
#elfo-big, #lucy-big, #jb-big {
    display: grid;
    grid-auto-flow: column;
    margin: 15px;
    flex-wrap: wrap;
    align-items: flex-start;
}
@media (max-width: 600px) {
    #elfo, #jb, #lucy {
        width: 100%; /* Make the images full-width on small screens */
        height: auto; /* Maintain aspect ratio */
    }

    #elfo-d, #lucy-d, #jb-d {
        margin: 10px; /* Adjust margin for mobile */
    }
}