Как текст поставить поверх изображения на фоне в html и css?

основные критерии чтобы он был по центру, задать цвет и размер

на данный момент мой код выглядит вот так (прикрепленные файлы)
что должно получится (прототип всего сайта)

Program pr_1;
a:array [1..n] of real;
n, i:integer;
begin
readln(n)
for i := 1 to n do
begin
a[i] := readln()
if a[i] <0 then a[i] := a[i] - 5;
else a[i] := i;
end;
writeln(a);
end.

Таблицей:
                 Маша    Полина   Валя
Галузина     -               +             -
Юсупова     +               -             -
Сидорова    -               -             +
Объяснение:Маша не Галузина - ставим -, Валя в 8 классе а Галузина в 7 - значит Валя не Галузина, остаётся что Галузина - Полина, мама Вали домохозяйка, а мама Юсуповой работает в банке, значит Валя не Юсупова, значит Валя Сидорова, и остаётся что Маша Юсупова.

Прикладное программное обеспечение№ппВиды прикладного ПО общего назначенияПримеры программ2Текстовые процессорыMS Word, WordPad (входит в ОС MS Windows)3Электронные таблицыMS Excel4Графические редакторы:для создания и редактирования изображений- растровыеMS Paint (входит в ОС MS Windows), Adobe Photoshop

В 1988 году была отмечена эпидемия компьютерного вируса Jerusalem, который был запрограммирован на особенно разрушительные действия, если активировался в пятницу 13-го. В первый раз это произошло в пятницу 13 мая 1988 года. Этот чёрный юмор был перенят авторами некоторых других компьютерных вирусов.