*{
    box-sizing:border-box;
}

img{
    max-width: 100%;
}

body{
    margin:0;
}

.container{
    background:rgb(244, 228, 190);
    height:100vh;
    display:flex;
    flex-direction:row;
    /* padding:10px; */
    /* gap:10px; */
}

.left{
    background:rgb(134, 76, 76);
    width:25%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    /* gap:10px; */
    /* padding:10px; */
}

.block{
    background:#ecd3d3;
    height:58%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.overblock{
    background:#f2fafc;
    height:42%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.right{
    background:#fbc5ae;
    width:75%;
    display:flex;
    flex-direction:column;
    /* gap:10px; */
    /* padding:10px; */
}

.top{
    background:#f2fafc;
    height:50%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.bottom{
    background:#f7abfa;
    height:50%;
    display:flex;
    /* gap:10px; */
}

.right-wide{
    background:#6ee83e;
    width:60%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.swimmer{
    background:rgb(201, 254, 255);
    width:100%;
    height:35%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.under-swimmer{
    background:rgb(201, 254, 255);
    width:100%;
    height:65%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.water{
    background:rgb(201, 254, 255);
    width:40%;
    display:flex;
    justify-content:center;
    align-items:center;
}

img{
    object-fit: cover;
    width: 100%;
}