#weather_pattern_block {
    text-align: center;
}

.single_imgs {
    position: relative !important;
    top: 0 !important;
    margin-top: 20px !important;
    max-height: 70vh;
    overflow: auto;
    max-width: 50vw;
}

.project_img {
    position: relative !important;
    width: 100%;
    max-width: none !important;
    max-height: none !important;
}

@media (max-width: 1300px) {
    .single_imgs {
        max-height: 60vh !important;
    }
}

@media (max-width: 700px) {
    .single_imgs {
        max-width: unset !important;
    }
}