@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
.container__gallery {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;

}
.polaroid {
margin: 30px;
width: 280px;
height: 300px;
background-color: white;
padding: 1rem;
-webkit-box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
}
.polaroid__med {
margin: 10px;
width: 230px;
height: 250px;
background-color: white;
padding: 1rem;
-webkit-box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
}
.polaroid__small {
margin: 20px;
width: 140px;
height: 150px;
background-color: white;
padding: 1rem;
-webkit-box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
}
.polaroid__content-image {
height: 250px;
width: 100%;
overflow: hidden;
}
.polaroid__content-image-med {
height: 200px;
width: 100%;
overflow: hidden;
}
.polaroid__content-image-small {
height: 125px;
width: 100%;
overflow: hidden;
}
.polaroid__content-image > img {
height: 100%;
width: 100%;
display: block;
object-fit: cover;
}
.polaroid__content-caption {
display: flex;
justify-content: center;
align-items: center;
color: #303030;
font-family: 'Permanent Marker', cursive;
font-size: 25px;
}
.polaroid__content-caption-med {
display: flex;
justify-content: center;
align-items: center;
color: #303030;
font-family: 'Permanent Marker', cursive;
font-size: 18px;
}
.polaroid__content-caption-small {
display: flex;
justify-content: center;
align-items: center;
color: #303030;
font-family: 'Permanent Marker', cursive;
font-size: 15px;
}