tails {
                gap: 2px;
            }
        }

        @media screen and (max-width: 500px) {
            .weather-details-popup {
                position: fixed;
                left: 50% !important;
                top: 50% !important;
                transform: translate(-50%, -50%) !important;
                width: calc(100% - 40px);
                max-width: 280px;
                margin: 0;
            }
        }

        .daily-forecast {
            display: flex;
            justify