Display flex items vertically and reversed on different screen sizes in Bootstrap 4

Use the column-reverse class on various screen size to display flex item vertically and reversed.

For example: On medium screen size, use md-column-reverse ?

The following is the difference between column and column reverse ?

The following is an example to display flex items vertically and reversed on different screen sizes ?
Example

  
    
    
    
    
    
    
  

  

    

Example
    
Flex on different screen size (Column)
    

      
First
      
Second
      
Third
    
    
Flex on different screen size (Medium - Column Reverse)
    

      
First
      
Second
      
Third
    
    
Flex on different screen size (Large - Column Reverse)
    

      
First
      
Second
      
Third