ciao a tutti, vorrei chiedere una cosa, allora io ho impostato come sfondo un immagine a gradiente che si ripete in basso!

ora però, anche girandomi tutte le guide su html.it, non sono riuscito a trovare soluzioni al mio problema:
vorrei oltre allo sfondo con gradiente, costruire un container principale, con bordi sfumati la cui larghezza sia espressa in percentuale, in modo da rendere ridimensionabile la finestra!

vorrei impostare una larghezza del container del 90%, e creare un immagine di background solo per il container principale, in modo da riuscire a mantenere lo sfondo con gradiente ma poter dare un piccolo effetto di rilievo (o di ombra), ai bordi del container principale!
qualcuno sa aiutarmi, può consigliarmi qualche guida che mi spieghi come poter ottenere l'effetto desiderato!
premetto che non sono tanto pratico di css !
grazie a tutti in anticipo!