.zew {width: 200px; height: 200px; background-image: url(img/miarka.gif); position: relative; margin:10px; }
.wew {width: 150px; height: 150px; background-color: #eee;}

.wew-01 {width: 150px; height: 150px; background-color: #eee; margin:auto;}

.wew-02 {width: 150px; height: 150px;  background-color: #eee; position: absolute; top:50%; left:50%;}


.wew-03 {width: 150px; height: 150px; background-color: #eee; position: absolute;  top:12.5%; left:12.5%;}


.wew-04 {width: 150px; height: 150px;  background-color: #eee; position: absolute; top:50%; left:50%;}
.wew-wew-04 {width: 150px; height: 150px;  background-color: orange; position: absolute; bottom:50%; right:50%;}

.zew-05 {width: 300px; height: 200px; background-image: url(img/miarka.gif); position: relative; margin:10px; }
.wew-05 {width: 210px; height: 110px;  background-color: transparent; position: absolute; top:50%; left:50%;}
.wew-wew-05 {width: 210px; height: 110px;  background-color:orange; position: absolute; bottom:50%; right:50%;}

.zew-06 {width: 300px; height: 200px; background-image: url(img/miarka.gif); position: relative; margin:10px; }
.zew-06 p{line-height: 200px; color:#fff; font-weight:900; }

.zew-07 {width: 300px; height: 200px; background-image: url(img/miarka.gif); display: flex; justify-content: center; align-items: center; height: 200px; }
.zew-07 p{color:#fff; font-weight:900; }
.zew-07 .child	{background-color: orange; max-height:100%; }