Объекты смешаются Css bootstrap

Ваш код выглядит правильным. Однако, если карточки смешиваются вправо и третья карточка пропадает при уменьшении размера экрана меньше 576 пикселей, то это может быть связано с тем, что класс row-cols-md-3 применяется только для экранов среднего размера (≥768px). Вы можете попробовать заменить его на row-cols-3, чтобы установить количество колонок для всех размеров экрана. Также убедитесь, что у вас нет других стилей CSS, которые могут влиять на поведение карточек.