.clear { /* Also commonly known as clearfix */
        clear: both; /* At the very least, you must have this. All extra declarations are for fine-tuning */
    }

#stray_gallery {
  display: flex;
  flex-flow: row wrap;
  flex: 1 1 auto;
  width: 100%;
  display: -webkit-flex; 
  -webkit-flex-wrap: wrap; 
  display: flex; 
  justify-content: center;
  margin-top: 20px;
  gap: 0px;
}



    .stray_listing {
  background-color: white;
  flex-basis: 24%;     /*32*/
  min-width: 260px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-bottom: 1em;
    }



    .stray_photo {
      align-self: center;
      text-align: center;
      position: relative;
    }

    .stray_photo img {
      width: 95%;
        height: auto;
    margin-bottom:5px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px #473838;
    }



    .stray_broughtin {
        margin-top: 0.5em;
        text-align: center;
        color: #666666;
        font-size: 0.8em;
        font-weight: normal;
        font-style: italic;
        font-family: "Lato",sans-serif;

    }

    .stray_description  {
      text-align: center;
      font-family: "Lato",sans-serif;
      color: #555555;
      font-size: 0.8em;
      padding: 2px 5px 0px 5px;
    }