/* responsive-mobile.css */
/* Для портретної орієнтації */
@media (orientation: portrait) {
    body {
        background-attachment: fixed; /* Вимикає фіксацію фону в портретному режимі */
    }
}

/* Для ландшафтної орієнтації */
@media (orientation: landscape) {
    body {
        background-attachment: fixed; /* Фіксує фон у ландшафтному режимі */
    }
}

/* Для екранів з максимальною шириною 768px */
@media (max-width: 768px) {
   body {
         background-attachment: fixed; /* Вмикає фіксацію фону на мобільних  працює на андроїд*/ 
    }

   .background-container {
        background-attachment: scroll; /* Забезпечує прокручування для мобільних пристроїв */
    }
    }