Triplicate

С этого момента можно поподробнее

в блоке под ним ( где текст и блок с итемами=слайдер)
и он выходит за контейтер
Как сделать чтобы он выходил?

Смотри, такое обычно проделывается благодаря псевдоэлементам before и after. Почитать о них - где угодно в гугле

А полупрозрачный цвет ты можешь задать благодаря rgba(), он принимает в себя rgb - цвет, а 4 параметром - прозрачность. От 0 до 1.
К примеру

.font{
color: rgba(1,1,1,0.5) /* сделает цвет черным и его прозрачность 0.5*/
}

Пример на CodePen: https://codepen.io/Triplicate/pen/YzXGMvj