.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.picture-float-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    clear: right;
}

.picture-float-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    clear: left;
}

@media (max-width: 480px){

    .picture-float-right {
        float: unset;
        margin-left: unset;
        clear: unset;
        margin: 20px auto;
        display: block;
        text-align: center;
    }
    
    .picture-float-left {
        float: unset;
        margin-right: unset;
        clear: unset;
        margin: 20px auto;
        display: block;
        text-align: center;
    }


  
}