.m_slider {}

.m_slider__container {
  display      : flex;
  flex-wrap    : wrap;
  margin-bottom: 30px;
}

.m_slider__image {
  width        : 300px;
  height       : 300px;
  overflow     : hidden;

  position     : relative;
  margin-right : 30px;
  margin-bottom: 30px;

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

  .media-buttons {
    position      : absolute;
    top           : 15px;
    right         : 15px;

    pointer-events: none;
    opacity       : 0;

    transition    : opacity .3s ease;

    cursor        : pointer;
  }

  &:hover .media-buttons {
    pointer-events: auto;
    opacity       : 1;
  }
}