/* Style the container with a rounded border, grey background and some padding and margin */
.testimonycontainer {
    border: 2px solid blue;
    background-color: white;
    border-radius: 5px;
    padding: 16px;s
    margin: 16px 0;
  }
  
  /* Clear floats after containers */
  .testimonycontainer::after {
    content: "";
    clear: both;
    display: table;
  }
  
  /* Float images inside the container to the left. Add a right margin, and style the image as a circle */
  .testimonycontainer img {
    float: left;
    margin-right: 20px;
    border-radius: 50%;
  }
  
  /* Increase the font-size of a span element */
  .testimonycontainer span {
    font-size: 20px;
    margin-right: 15px;
  }
  
  /* Add media queries for responsiveness. This will center both the text and the image inside the container */
  @media (max-width: 500px) {
    .testimonycontainer {
      text-align: center;
    }
  
    .testimonycontainer img {
      margin: auto;
      float: none;
      display: block;
    }
  }