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

[Anonymous]

Здравствуйте, у меня есть изображение, размер которого должен быть таким, как я хочу, для мобильного устройства. Проблема в том, что когда я указываю нужный размер для мобильного устройства (меньшего устройства), размер применяется и для большого устройства, как показано на экране. p>
Но я хочу изменить размер и положение, когда оно на маленьком устройстве, единственное, что когда я вношу изменения, это также меняет и большое устройство. Даже когда я делаю « 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 ... ce-like-pc