.imageWithTextGroupContainer {

  width: 100%;
  
  aspect-ratio: 1538/689;
  
  position: relative;
  
  display: flex;
  
  justify-content: flex-end;
  
  align-items: center;
  
  margin-top: 1.2rem;
  
  flex-direction: column;
  
  margin-bottom: 30px;
  
  float: left;
  
  }
              
              .imageWithTextGroupContainer img {width: 100%;display: block;object-fit: cover;aspect-ratio: 1538/689;}
              
              .imageWithTextGroupContainer figure {
                width: 100%;
                margin-top: 0%;
                display: block;
              }
              .imageWithTextGroupContainer:hover .groupTitleArrow {
              margin-left: 25px;
              transition: all 0.3s;
              }
              .textColumn {
                width: 33%;
                margin: auto;
                color: var(--base);
                position: absolute;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                aspect-ratio: 1/1;
                box-sizing: border-box;
                padding-bottom: 16rem;
              }
              .groupItemTitleOnImageWithText {
                vertical-align: middle;
                line-height: 35px;
                letter-spacing: 0;
                text-align: center;
                margin-bottom: 25px;
                width: 100%;
                opacity: 1;
                font-weight: 700;
                position: relative;
                font-size: 42px;
                font-weight: 400;
                line-height: 52px;
              }
              
              .groupItemText {
                line-height: 17px;
                margin-top: 30px;
                text-align: left;
                width: 100%;
                margin: 0;
                font-size: 13px;
              }
              
              .verMasText {
                position: relative;
                opacity: 1;
                color: var(--base);
                font-size: 13px;
                float: left;
                letter-spacing: 1px;
                overflow: hidden;
                display: block;
                margin-top: 0;
                cursor: pointer;
                height: 24px;
                padding: 0px;
                line-height: 36px;
                border-bottom: 1px solid transparent;
                transition: 0.3s all ease;
              }
              .verMasText:hover{
                border-bottom: 1px solid var(--base);
              }
              .imageWithTextGroupContainer.firstImg {
              margin-left: 4%;
              }
              
              .imageWithTextGroupContainer.lastImg {
              margin-right: 4%;
              }
              
              .groupTitle {
              position: relative;
              width: 90%;
              display: flex;
              margin-top: 10px;
              }
              
              .groupTitleArrow {
              width: 20px !important;
              margin-left: 10px;
              }
              
              @media screen and (max-width: 1100px) {
              .imageWithTextGroupContainer:nth-child(even) {
                width: 100%;
                aspect-ratio: unset;
                margin: 0;
                margin-bottom: 4rem;
              }
              
              .imageWithTextGroupContainer figure {
                width: 100%;
              }
                
              .imageWithTextGroupContainer img {
              width: 100%;
              display: block;
              aspect-ratio: 390 / 666;
          } 
                .textColumn{
                  width: 90%;
                }
                .groupItemTitleOnImageWithText {
          
          font-size: 30px;
          
          font-weight: 400;
          
          line-height: 36px;
          
          width: 90%;
          }
              a.groupTitle {
                font-size: 13px;
              }
              .imageWithTextGroupContainer:nth-child(odd) {
                width: 100%;
                aspect-ratio: unset;
                margin-bottom: 0;
                margin-top: 20px;
                margin-right: 6%;
              }
          .verMasText {
                 border-bottom: 1px solid var(--base);
          }
          
          
                
              }