#posts-carousel {
    scroll-behavior: smooth;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
}

.prose p {
    margin-bottom: 1rem;
}
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    img {
        height: 200px !important;
    }

    h2 {
        font-size: 1.25rem !important;
        line-height: 1.5rem !important;
    }

    h3 {
        font-size: 1rem !important;
    }

   

    img.w-12 {
        width: 40px !important;
        height: 40px !important;
    }

     img.w-14.h-14 {
        width: 48px !important;
        height: 48px !important;
    }

    img.h-96 {
        height: 200px !important;
    }

    img.h-64 {
        height: 180px !important;
    }

    img.h-40 {
        height: 120px;
    }

    img.h-24 {
        width: 80px !important;
        height: 60px !important;
    }
    input, button {
        font-size: 0.875rem !important;
    }
}

@media (max-width: 640px) {
    .grid.grid-cols-1.sm-grid-cols-2.md-grid-cols-4 {
        gap: 1.5rem !important;
    }
}