Bird Photography

body {
font-family: Arial, sans-serif;
margin: 40px;
}
h1 {
color: #2c3e50;
text-align: center;
}
.photo-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 20px;
}
.photo-slot {
background-color: #f0f0f0;
border: 1px solid #ccc;
padding: 10px;
text-align: center;
height: 250px; /* You can adjust this based on your preferred image size */
position: relative;
}
.photo-slot img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.photo-slot span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #7f8c8d;
font-size: 16px;
}