.content-section-trigger
{  
      width: 100%;      
      height: auto;      
      background-color: #fff;  
}
.content-section-trigger
.trigger-container
{
      width: 98%;      
      height: 60vh;
      display: flex;      
      margin: 0 auto;
      overflow-x: hidden;  
      flex-direction: column;
      justify-content: center;                 
}
.content-section-trigger
.trigger-box
{            
      width: 800vh;      
      display: flex;
      max-width: auto;
      overflow: visible;
      flex-wrap: nowrap;       
}
.content-section-trigger
.trigger-background
{
      width: 250px;
      padding: 1px;
      height: 300px;
      display: flex;      
      align-items: center;     

      transition: 0.3s ease-out;
}
.content-section-trigger
.trigger-background:nth-child(2n) 
{
      width: 250px;
      height: 300px;
}
.content-section-trigger
.trigger-background:hover 
{
      z-index: 99999999999;

      filter: saturate(1);
}
.content-section-trigger
img 
{
      width: 100%;
      height: 100%;
      overflow: hidden;  
      object-fit: cover;
      border-radius: 8px;       
      background-position: center;
      background-repeat: no-repeat;

      transition: 0.3s ease-out;
}



.content-section-flexbox
{
      width: 100%;
      height: auto;                  

      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.content-section-flexbox
.flexbox-header
{            
      width: 100%;       
}
.content-section-flexbox
.flexbox-heading 
{                         
      font-size: 14px;             
      color: #2c343e;
      padding: 20px 3%;      
      font-weight: 700;                  
}
.content-section-flexbox
.flexbox-container
{            
      width: 98%;      
      height: 50vh;
      display: flex;            
      align-items: center;
      justify-content: center; 
      background-color: #fff;  
}
.content-section-flexbox
.flexbox-background
{      
      width: 98%;                  
      margin: 0 auto;
      flex-wrap: wrap;      
      flex-direction: row;
      align-content: stretch;
      justify-content: flex-start;      
}
.content-section-flexbox
img 
{            
      float: left;            
      margin: 2px;      
      display: block;      
      flex: 0 0 auto;      
      border-radius: 8px;      
      width: calc( 110% / 7 );
      height: calc( 110% / 7 );

      transition: all 0.6s;  
      -webkit-transition: all 0.6s;  
}
.content-section-flexbox 
img:hover
{
      cursor: pointer;
	transform: translateY(2px);
}


.content-section-flex
{
      width: 100%;
      height: auto;                  

      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.content-section-flex
.flex-container
{      
      width: 98%;      
      height: 50vh;
      display: flex;      
      align-items: center;            
}
.content-section-flex
ul 
{          
      width: 98%;      
      margin: 0 auto;
}
.content-section-flex
li 
{          
      float: left;
      position: relative;            
}
.content-section-flex 
li:first-child 
{
      margin: 0;
}
.content-section-flex
p
{            
      width: 200px;         
      padding: 2px;      
      height: 220px;          
      cursor: pointer;
      overflow: hidden;
      position: absolute;
      display: inline-block;
}
.content-section-flex
img 
{
      z-index: 0;              
      width: 100%;
      height: auto;      
      object-fit: cover;
      border-radius: 8px;        
      background-repeat: no-repeat;

      transition: all 0.6s;  
      -webkit-transition: all 0.6s;  
}
.content-section-flex
img:hover
{
      cursor: pointer;
      transform: translateY(2px);
}