blocks.css

/* Circle */
.midrow_block .block_img {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden;
   border-radius: 50%;
   width: 240px;
   margin: 0 auto;
   margin-bottom: 35px;
}
.midrow_block img {
   max-width: none;
   object-fit: cover;
   width: 100%;
   height: 100%;
   vertical-align: middle;
}

/* hexagon */
.hexagon {
   position: relative;
   width: 300px;
   height: 173.21px;
   background-color: #64C7CC;
   margin: 86.60px 0;
 }

 .hexagon:before,
 .hexagon:after {
   content: "";
   position: absolute;
   width: 0;
   border-left: 150px solid transparent;
   border-right: 150px solid transparent;
 }

 .hexagon:before {
   bottom: 100%;
   border-bottom: 86.60px solid #64C7CC;
 }

 .hexagon:after {
   top: 100%;
   width: 0;
   border-top: 86.60px solid #64C7CC;
 }