Site dividido em três imagens

[Zaaik 0]

Olá pessoas tudo bem? Estou com uma ideia de site mas está doendo minha cabeça pra fazer, pois sou novo no css e não tenho a minima ideia de como fazer ele, ele é basicamente assim:

Resumo:
Cada cor é uma imagem diferente (sim, na tela toda mesmo), e ao passar o mouse em cima de alguma imagem ela dar um pequeno zoom, e também uns pequenos textos dentro de cada imagem...

Alguém sabe como fazer isso? Se quiser posso pagar também. Muito obrigado!

[pwd 7]

Tela ou box?

Só usar múltiplos BGS.

[Zaaik 0]

Tela ou box?

 

Só usar múltiplos BGS.

Como se fosse um bg mesmo... Eu ate consigo colocar as imagens, porem nao na diagonal igual ta ali =/

[pwd 7]

Certo,

 

Pode fazer assim:

div{
        
width: 100%;
height: 500px;
       
margin: 0 auto;

background: linear-gradient(-22deg, rgba(238,255,0,1) 0%, rgba(238,255,0,1) 28%, rgba(80,184,39,1) 28%, rgba(80,184,39,1) 70%, rgba(0,187,255,1) 70%, rgba(0,187,255,1) 100%);

background: -webkit-linear-gradient(-22deg, rgba(238,255,0,1) 0%, rgba(238,255,0,1) 28%, rgba(80,184,39,1) 28%, rgba(80,184,39,1) 70%, rgba(0,187,255,1) 70%, rgba(0,187,255,1) 100%);

background: -o-linear-gradient(-22deg, rgba(238,255,0,1) 0%, rgba(238,255,0,1) 28%, rgba(80,184,39,1) 28%, rgba(80,184,39,1) 70%, rgba(0,187,255,1) 70%, rgba(0,187,255,1) 100%);

}