.pictureContainer {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
  }
  
  .pictureContainer .image {
    width: 50%;  
  }
  
  .pictureContainer img {
    width: calc(100% - (2px * 2));
    height: 225px;
    margin: 2px;
  }

  @media only screen and (max-width: 480px) { /* <-opening tag media query */
    .pictureContainer .image {
      width: 100%;  
    }
    .pictureContainer img {
      width: calc(100% - (2px * 4));
      height: calc(100% - (2px * 2));
      margin: 2px;
    }

} /* <-closing tag media query */