// .media-container {
//   max-width: 500px;
// }
//
// .media-preview {
//   width     : 100%;
//   max-width : 300px;
//
//   height    : auto;
//   max-height: 400px;
//
//   overflow  : hidden;
//
//   img {
//     object-fit: cover;
//     width     : 100%;
//     height    : 100%;
//   }
//
//   .centered {
//     display: flex;
//   }
// }
//
// .media-inner-wrapper {
//   display  : flex;
//   flex-wrap: wrap;
// }
//
// .media-tools {
//
//   width: 100%;
//   @media screen and (min-width: 1685px) {
//     width  : calc(100% - 300px);
//     padding: 0 20px;
//   }
// }

.media-inner-wrapper {
  display    : flex;
  align-items: center;
}

.media-component {
  flex-wrap: wrap;

  > div {
    width: 100%;
  }

  img {
    max-width      : 150px;
    height         : 150px;
    object-fit     : cover;
    object-position: center;
  }

  .media-tools {
    margin-left: 20px;
  }
}