Разместить 3 картинки определенным образом

Всем привет
Пытаюсь разместить 3 фото как показано ниже.



Вообще ничего не получается
Просьба помочь.
Заранее спасибо

 

Есть 3 картинки размером 960х320, их необходимо разместить так, как показано на картинке (сделано в gimp) выше
Т.е. 2 картинки полностью перекрывают экран, третья снизу, у верхних прозрачные углы, через них видно третью картинку (размещена посередине).
Кода у меня нет никакого, не знаю, как это сделать.
Есть мысль, что может нарисовать прямоугольник с бэкграундом в виде картинки, часть его сделать прозрачным.
Но знаний не хватает это сделать

 

Я ничего не понял.

Я вижу, что на рисунке по слоям - 2 картинки снизу и одна сверху. И именно у той которая сверху углы должны быть прозрачные, чтобы видеть картинки на слое ниже.

 

В том-то и дело, что картинки должны динамически изменяться
Поэтому через CSS надо сделать
Пусть будет 2 снизу, одна сверху - это не принципиально. Важен результат
Куда копать?

 

Возникла мысль. что можно сделать верхнюю картинку треугольником.
Это реально?

 

А можно небольшой пример, а то знаний маловато по css