.polaroids {
  padding: 10px;
  list-style-type: none;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 1rem;
}
.polaroids li {
  background-color: #fff;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.25);
  transition: -webkit-transform 0.15s linear;
  padding: 1rem;
  max-width: 200px;
  margin-bottom:10px;
}
.polaroids li p {
  width: 100%;
  height: 2px;
  text-align: center;
  font-family: "Reenie Beanie", sans-serif; 
  text-decoration: none; 
  font-size: 18px; 
}
.polaroids li img {
  max-width: 100%;
}
.polaroids li:nth-child(2n) {
  transform: rotate(3deg);
}
.polaroids li:nth-child(3n) {
  transform: rotate(-1deg);
}
.polaroids li:nth-child(4n) {
  transform: rotate(5deg);
}
.polaroids li:nth-child(5n) {
  transform: rotate(0deg);
}
.polaroids li:nth-child(6n) {
  transform: rotate(4deg);
}
.polaroids li:nth-child(7n) {
  transform: rotate(-1deg);
}
.polaroids li:nth-child(8n) {
  transform: rotate(0deg);
}
.polaroids li:nth-child(9n) {
  transform: rotate(-5deg);
}
.polaroids li:hover {
  transform: scale(1.5);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 5;
}

@font-face {
  font-family: 'Reenie Beanie';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/reenie-beanie-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Reenie Beanie'), local('ReenieBeanie'),
       url('fonts/reenie-beanie-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/reenie-beanie-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/reenie-beanie-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/reenie-beanie-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/reenie-beanie-v10-latin-regular.svg#ReenieBeanie') format('svg'); /* Legacy iOS */
}

h4 {
font-family:Reenie Beanie, sans-serif; font-size:3em;
}