mas como posso usar isso para dimensionar para telas maiores?

Cada media query com determinada resolução você pode ter uma versão da mesma imagem para que ela se encaixe perfeitamente sem sofrer distorções, você vai inserir uma versão da imagem redimensionada adequadamente em editor de imagens ( ex. photoshop), para cada media query assim como a configuração do estilo "ex. width" fazendo com que cada resolução específica tenha a imagem adequada e o estilo adequado...

resumindo: é uma versão do site pra cada tipo de resolução ...

-um media query pra mobile -um para desktop padrão -e um para monitores e telas maiores

Se vc estiver com muita pressa da pra vc inserir todo seu css no chatgpt e solicitar media query para as resoluções que vc quiser, provavelmente ele te retornará com as versões solicitadas já configuradas e vc aprende só de bater o olho.