/* blog section */
.container-blog {
  margin-top: 5%;
}
.container-blog > * {
  flex: 1 1 45%;
}
.container-blog .photo-container-blog {
  padding: 0 2.375%;
  justify-content: center;
  align-items: center;
  perspective: 600px;
  perspective-origin: 0;
}
.container-blog .photo-container-blog img {
  width: 100%;
  height: auto;
  background-color: #fff;
  box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11),
    0 12px 90px 0 rgba(103, 151, 255, 0.11);
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  transform: rotateY(16deg) rotateX(8deg) skew(10deg, -8deg) scale(1.1)
    translateX(8%);
  border-radius: 8px;
}
.container-blog .photo-container-blog img:hover {
  transform: none;
}
.container-blog .content-container-blog {
  justify-content: center;
  align-items: center;
  padding: 0 2.375%;
}
.container-blog .content-container-blog h3 {
  color: var(--primary-color);
  font-family: "Oswald", sans-serif;
}
.container-blog .content-container-blog .button {
  align-self: flex-start;
  border: none;
  border-radius: 100px;
  color: #fff !important;
  cursor: pointer;
  font-family: Lato, sans-serif;
  justify-content: center;
  margin-bottom: 16px;
  padding: 8px 20px;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: var(--secondary-color);
}
.container-blog .content-container-blog .button:hover {
  transform: translateY(-5px);
  background-color: var(--third-color);
  box-shadow: 0 12px 24px -6px rgba(52, 221, 135, 0.2);
}
@media screen and (max-width: 768px) {
  .container-blog > * {
    flex-basis: 100%;
  }
  .container-blog .photo-container-blog img {
    transform: none;
  }
}