.blog {
  margin: 20px;
  padding: 0;
}

.post {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-bottom: 20px;
} 
.post h1 {
  order: 1;
  flex: 0 0 calc(100%);
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
}
.post p {
  order: 3;
  flex: 0 0 calc(66% - 20px);
  margin: 10px;
}

/* Slideshow container */
.slideshow-container {
  order: 2;
  flex: 0 0 calc(33% - 30px);
  margin: 10px;
}
.slideshow-image img {
  max-width: 100%;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  padding: 2px 16px 2px 16px;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  user-select: none;
}
.slideCounter {
  font-weight: bold;
  font-size: 18px;
}

/* Small Screens */
@media (max-width: 600px) {
    .slideshow-container { 
        flex: 0 0 calc(100% - 20px);
    }
    .post p {
        flex: 0 0 calc(100% - 20px);
    }
}