Html semantico, css responsivo

Minha dificuldade desenvolvendo este site foi na hora de colocar a cor por cima da imagem, alem de que o responsivo tinha que primeiro termos a imagem e depois o texto. Não gostei de que somente minha visão de desktop acima de 1360px de largura fica bonita, se tiver uma tela de largura de 1025px ela da uma quebrada, e infelizmente eu não sei oque fazer.. Gostaria de saber como melhorar a minha pagina, tanto em questões semanticas, quanto no css, que eu tenho a maior dificuldade