Как исправить перекрытие текста картинкой?

Я бы сделал два дива, один для левой части второй для картинки и флексами поставил как надо, увидеть бы струтуру и стили

Как вставить OWL carousel поверх фона?

Артем, Слайдер внутри картинки то что вы и хотели, коряво выглядит потому что структура плохая и стили неправильные.

Как зашифровать случайно число из прогрессии в этом коде?

iharaleynikov,

'use strict';
const getRandomNumber = (min, max) => {
  return Math.floor(Math.random() * (max - min)) + min;
};

const startNum = getRandomNumber(1, 100);
const progrStep = getRandomNumber(1, 10);
const progrCount = 10;

const str = [];

for (let i = startNum; i < startNum + progrCount * progrStep; i += progrStep) {
  str.push(i);
}
const index = getRandomNumber(0, 9);
const value = str[index];
str[index] = '..';

console.log(str.join(' '));

function checkAnswer(input) {
  if (value === input) {
    return 'Correct';
  }
  return 'False';
}

Как зашифровать случайно число из прогрессии в этом коде?

iharaleynikov, То есть чтобы выводились точки, но потом можно было проверить что там находится?

Как вставить OWL carousel поверх фона?

Артем, Секции Advantages relative, диву со слайдером абсолют и top: 100px; да и по хорошему переделать бы структуру

Рандомный текст при заходе на страницу?

Исходный код чего? Эти данные приходят с сервера, или через js, теги вообще не в тему)