
  .blogPreviewContainer,
  .photoFeedbackContainer {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  
  .blogPreviewContainer .feedback,
  .photoFeedbackContainer .feedback {
    margin-bottom: 1em;
  }
  
  .blogPreviewContainer > div:first-of-type {
    flex: 0 0 100%;
    margin: 1em 0em;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
  }
  
  .blogPreviewContainer > div:first-of-type > button {
    margin-left: auto;
  }
  
  .blogPreviewContainer > div:first-of-type > h4 {
    margin-bottom: 0em;
  }
  
  /* The images are numbered by a counter: the stored ones and the new file previews alike. */
  
  .blogPreviewContainer {
    counter-reset: blogImage;
  }
  
  .blogPreviewContainer > .imageCont,
  .blogPreviewContainer > .fileCont {
    flex: 0 0 9em;
    
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
    
    margin: 0em 1.5em 2em 0em;
    
    counter-increment: blogImage;
  }
  
  .blogPreviewContainer > .imageCont .imageContainer {
    width: 9em;
    display: flex;
  }
  
  .blogPreviewContainer > .imageCont img {
    margin: 0em auto;
    width: 100%;
  }
  
  .blogPreviewContainer > .imageCont::before,
  .blogPreviewContainer > .fileCont::before {
    content: counter(blogImage);
    margin-bottom: 0.25em;
  }
  
  .blogPreviewContainer > .imageCont > button,
  .blogPreviewContainer > .fileCont > div > button {
    order: -1;
    align-self: center;
    margin-bottom: 0.5em;
  }
  
  /* The row of a file preview gives its place to its contents, which line up like those of a stored image. */
  
  .blogPreviewContainer > .fileCont > div {
    display: contents;
  }
  
  .blogPreviewContainer > .fileCont > div > canvas {
    width: 100%;
  }
  
  .blogPreviewContainer > .fileCont > div > .documentTitle {
    display: none;
  }
  
  .imageOptionsCont {
    width: 100%;
    padding: 0.5em;
    border: 1px solid var(--colour-border-color);
    box-sizing: border-box;
  }
  
  .imageOptionsCont > label {
    font-size: 0.9em;
    display: inline-block;
  }
 
