/*About*/

/* Dropdown styles ... */

#uniqueImage {
    width: 450px;
    height: 400px;
    object-fit: cover;
  }
  
  .caption,
  h1,
  .date {
    margin: 0;
    text-align: center;
  }
  
  .caption,
  h1 {
    font-family: "Reenie Beanie", sans-serif;
    font-size: 2em;
    padding: 10px 10px 0 10px;
  }
  
  .date {
    font-size: 1em;
    font-style: italic;
  }
  
  .description-picture-about {
    font-size: 0.9em;
    padding: 0 20px 20px 20px;
    text-align: left;
  }
  
  .container-about {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    display: inline-block;
    margin: 3%;
  }
  
  .container-about:hover .flipper {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  
  .container-about,
  .front,
  .back {
    width: 450px;
    height: 400px;
  }
  
  .flipper {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
  }
  
  .front,
  .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 450px;
    height: 400px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
  .front {
    z-index: 2;
  }
  
  .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  
  #content-about {
    text-align: center;
  }
  
  .container-about-bg {
    display: flex;
    flex-wrap: wrap;
  }
  
  .image-about-bg {
    flex: 1 0 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 10px; 
  }
  
  .text-about-bg {
    flex: 1 0 50%;
    padding: 10px; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: justify;
  }
  
  .image-about-bg img {
    max-width: 750px; 
    max-height: 400px;
    object-fit: cover;
  }
  
  .header-about-bg {
    color: green;
  }
  
  @media screen and (max-width: 768px) {
    .image-about-bg,
    .text-about-bg {
      flex: 1 0 100%;
      padding: 0; 
    }
  
    .image-about-bg img {
      max-height: 250px; 
    }
  }