profesor08

const mediaDesktop = window.matchMedia("(min-width:992px) and (max-width:1199px)")

Если ширина страницы 0 - 1424px то будут применены правила. Иначе нет. Твой код превратится в

.descriptions__content {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 1424px) {
  .descriptions__content .descriptions__content {
    flex-direction: column;
  }
}

Если свойства не применяются, значит правила не соответствуют разметке html.

Не использовать img, а вместо них div и в CSS через media устанавливать фоновую картинку или нет.