.flex-card{
  display: flex;
  justify-content: space-evenly;
  .card{
    background: $background3;
    flex: 0 1 25%;
    margin-bottom: 30px;
    .img-container{
      width: 100%;
      overflow: hidden;
      img{
        transition: all ease-in-out 0.3s;
        width: 100%;
      }
    }
    &:hover{
      img{
        cursor: pointer;
        filter: grayscale(70%);
        transform: scale(1.2) !important;
      }
    }
    .content{
      padding: 20px;
      .date{
        color: $accent;
        font-style: italic;
        font-size: 15px;
      }
      .titre{
        font-size: 20px;
      }
      a{
        margin: auto;
        margin-top: 30px;
      }
    }
  }
}