body{
    background-color: aqua;
}
.container{
    /* display: flex;
    flex-wrap: wrap; */
    width: 800px;
}
.box{
height: 100px;
width: 100px;
background-color: blue;
margin-bottom: 30px;
margin-right: 20px;
border: 3px solid black;
}
.other{
    height: 100px;
    width: 100px;
    margin-bottom: 30px;
    margin-right: 20px;
    background-color: darkslateblue;
    position: relative;
    bottom: 0px;
    right: -100px;
}
.pierwszy{
    position: relative;
    right: -20px;
}
.drugi{
    position: absolute;
}
.trzy{
    position: relative;
    height: 50px;
    width: 100%;
    background-color: green;
    
    
}
.baner{
    background-color: gray;
    height: 100px;
    width: 49%;
    text-align: center;
    position: sticky;
    top: 0px;
}
.fixed2{
    background-color: gray;
    height: 100px;
    width: 49%;
    text-align: center;
    position: fixed;
    right: 0px;
    top: 0px;
}