.company_project_sub_desc{
  display: grid;
  grid-template-columns: minmax(auto,300px) minmax(auto,300px) minmax(auto,300px);
  grid-gap:1.25em;
  justify-items: end;
  justify-content: center;
  grid-template-areas:
    "sub_desc_img_1 sub_desc_img_2 sub_desc_img_3"
    "sub_desc_item_img_label_1 sub_desc_item_img_label_1 sub_desc_item_img_label_3";
}
.company_project_sub_desc img{
  max-height: 350px;
  width: 300px;  
}
.sub_desc_item{
  font-size: 21px;
  color: #05322b; 
  min-width:156px;
  padding: 0.875em;
  justify-items: center;
}
.sub_desc_item_img_label_1,
.sub_desc_item_img_label_3{
  background-color: #6fe88e;
  position: relative;
  top:-1.5em;
}
.sub_desc_item_img_label_1{
  grid-area:sub_desc_item_img_label_1;
  left: -11em;
}

.sub_desc_item_img_label_3{
  grid-area:sub_desc_item_img_label_3;
  left: 2em;
}
.sub_desc_img_1{
  grid-area:sub_desc_img_1;
}
.sub_desc_img_2{
  grid-area:sub_desc_img_2;
}
.sub_desc_img_3{
  grid-area:sub_desc_img_3;
}
@media screen and (max-width: 768px){
  .company_project_sub_desc{
    grid-gap:0;
    grid-template-columns: auto;
    grid-template-rows: auto;
    justify-items: center;
    grid-template-areas:
    "sub_desc_img_1"
    "sub_desc_item_img_label_1"
    "sub_desc_img_2"
    "sub_desc_item_img_label_3"
    "sub_desc_img_3";  
  } 
  .sub_desc_item_img_label_1{
    left: 4em;
  }
  .sub_desc_img_2{   
    position: relative;
    top:-3em;
  }
  .sub_desc_item_img_label_3{
    left: -4em;
    top: 0em;
  }
  .sub_desc_img_3{   
    position: relative;
    top:-3em;
  }
}
@media screen and (max-width: 360px){  
  .company_project_sub_desc img{
    max-width: calc(100% - 30px);
    width: auto;  
  }
  .sub_desc_item_img_label_1{
    left: 2.5em;
  }
  .sub_desc_img_2{   
    position: relative;
    top:-3em;
  }
  .sub_desc_item_img_label_3{
    left: -2.5em;
    top: 0em;
  }
  .sub_desc_img_3{   
    position: relative;
    top:-3em;
  }
}