Legal sua ideia mano. Tenho alguns pontos interessantes que seria legal você dar uma mechida. Primeiro, Seu background poderia ter um pouco mais de qualidade, quando você for "tirar a foto", tente fazer isso numa resolução que se encaixe bem com o site. Outra coisa, não sei se você está fazendo css/html puros mas creio que esse menu seja reciclado do site original. Sendo assim, se você for reciclar código do site original, use de cara o bootstrap para fazer esse layout e não perca tempo usando html e css puros. Por que? O site original tem bootstrap embutido e muito javascript para fazer efeitos visuais(só não estou certo se estão usando jquery), o bootstrap vai te ajudar a deixar o site responsivo para se adaptar automaticamente a resoluções diferentes. Com isso, você vai poder obter esse tipo de resultado: (site do insta em resolução para celulares) Você também pode optar por não usar o bootstrap, E então você poderia usar FlexBox no seu css para redimensionar seus elementos e dependendo da resolução do dispositivo do usuario. O problema é que você precisaria escrever cada vez mais código a medida que sua aplicação for crescendo, tendo que declarar algo semelhante a isso para cada elemento redimensionado: (flexbos no css puro em um site que eu desenvolvi)