#cubeArticle {
  list-style: none;
    margin:0;
    
    li:nth-of-type(2n) .cube-articles-item {
        flex-flow: row-reverse;
    }

  .cube-articles-item {
    display: flex;
      
      
      
    .cubeArticlesImage {
      flex-basis: 50%;
      width: 50%;

      figure {
        padding: 0px;
        margin: 0;
        height: 100%;

        img {
          height: 100%;
          width: 100%;
          object-fit: cover;
        }
      }
    }
      .cubeArticlesContent {
          flex-basis: 50%;
          width: 50%;
          padding: 2vw;
          display:grid;
          place-content:center;
      }
  }
}
@media screen and ( width < 768px ) {
    #cubeArticle {
        .cube-articles-item {
        display: block;
       }
        .cubeArticlesImage,
        .cubeArticlesContent {
             flex-basis: 100% !important;
             width: 100% !important;
        }
        
    }
     
}