.hero {
position: relative;
}
.bee-shape.bee-shape-bottom{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
bottom: 0;
}
.bee-shape {
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
direction: ltr;
}
.bee-shape svg {
height: 81px;
display: block;
width: 100%;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.bee-shape .bee-shape-fill {
fill: #fff;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}