JSFiddle - React, Tailwind, and code Playground

HTML

<div class="kontejner">
    <div class="strana"></div>
    <div class="strana"></div>
    <div class="strana"></div>
</div>
<div class="kontejner2">
    <div class="glavni"></div>
    <div class="glavni"></div>
    <div class="glavni"></div>
</div>

CSS

.kontejner {
    float: left;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 20px;
    perspective: 400px;
}
.strana {
    background-color: maroon;
    height: 60px;
    margin: 10px 0 0;
    transform: rotateY(155deg);
    transform-style: preserve-3d;
    width: 80px;
}
.kontejner2 {
    float: left;
    padding: 0 0 20px;
    perspective: 400px;
}
.glavni {
    background-color: #d32c2c;
    height: 60px;
    margin: 10px 0 0;
    transform: translateZ(15px);
    transform-style: preserve-3d;
    width: 300px;
}