Cacher is the code snippet organizer for pro developers

.embedded-entity {
  margin-bottom: 10px;
}

.embedded-entity.align-left,
.embedded-entity.align-right{
  flex: none;
  float: none;
}
 
@media (min-width: 641px){
  .embedded-entity.align-left{
    float: left;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .embedded-entity.align-right{
    float: right;
    margin-left: 15px;
    margin-bottom: 0;
  }
}




/////////////////

.img-left,
.img-right{
  float: none;
  margin-bottom: 10px;
}

@media (min-width: 641px){
  .img-left{
    float: left;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .img-right{
    float: right;
    margin-left: 15px;
    margin-bottom: 0;
  }
}

//////

.img-caption-left,
.img-caption-right{
  float: none;
  margin-bottom: 10px;
}

.img-caption-left figcaption,
.img-caption-right figcaption{
  padding: 10px;
}

@media (min-width: 641px){
  .img-caption-left{
    float: left;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .img-caption-right{
    float: right;
    margin-left: 15px;
    margin-bottom: 0;
  }
  .img-caption-left figcaption,
  .img-caption-right figcaption{
    text-align: center;
  }
}