trying to add subtext under flex-items

So I have been currently ran into a wall since my subtext wont fit neatly underneath my flex-items now and they are currently sitting on the bottom of my webpage instead any ideas on what I did wrong? https://codepen.io/AJ_B-B/pen/zYWQpRX?editors=1100

.parent-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: silver;
  height:99vh;
  padding:26px;
}


.flex-item-2  {
   height: 135px;
   flex: 0 0 115px;
   margin: 1em 35px;
   border: 2px blue solid;
   padding:8px;
   border-radius:20px; 
   margin-bottom:4pc;
}


.parental-flex {
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  padding:0px;
  
  
}
.flex-box-container {
  display:flex;
  margin:30px;
  justify-content:center;
  border:solid 5px black;
  gap:28px;
 
  
  
}


.info {
  color: black;
  font-size: 12px;
  text-align: initial; 
  max-width:199px;
  
}



  
.box {
  display:flex;
  border:solid green 5px;
  height:70px;
  margin:20px;
 
  
}