Мне нужен специальный размер изображения для мобильных устройств и другой для больших устройств. ⇐ CSS

[Anonymous]

Здравствуйте, я хочу изменить размер и положение изображения, когда оно находится на маленьком устройстве, единственное, что когда я вношу изменения, оно также меняет и большое устройство. Даже когда я делаю « sm:-300 », оно ничего не делает.
вот мой код
import { Outlet, Navigate } from 'react-router-dom';
import { motion } from "framer-motion"
import { MouseParallaxChild, MouseParallaxContainer } from "react-parallax-mouse";

const AuthLayout = () => {
const IsAuthenthicated = false;
return (

{IsAuthenthicated ? (

) : (





{/* Utilisation de l'image en tant que fond d'écran */}


{/* Votre contenu ici */}

)}

)
}

export default AuthLayout



Подробнее здесь: https://stackoverflow.com/questions/784 ... rge-device