/* Estilos para imágenes responsivas */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Blog Cards en Index */
.blog-two__img {
    height: 220px;
    overflow: hidden;
}

.blog-two__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-two__single:hover .blog-two__img img {
    transform: scale(1.05);
}

/* Blog Details */
.blog-details__img img,
.blog-details__img-box-img img,
.blog-one__img img,
.sidebar__post-image img,
.comment-one__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.blog-details__img {
    max-height: 500px;
    overflow: hidden;
}

.blog-details__img-box-img {
    height: 250px;
    overflow: hidden;
}

.blog-one__img {
    height: 220px;
    overflow: hidden;
}

.sidebar__post-image {
    height: 80px;
    width: 80px;
    overflow: hidden;
}

/* Media queries para diferentes tamaños de pantalla */
@media (max-width: 768px) {
    .blog-two__img {
        height: 180px;
    }
    
    .blog-details__img {
        max-height: 350px;
    }
    
    .blog-details__img-box-img {
        height: 180px;
    }
    
    .blog-one__img {
        height: 180px;
    }
}

@media (max-width: 480px) {
    .blog-two__img {
        height: 150px;
    }
    
    .blog-details__img {
        max-height: 250px;
    }
    
    .blog-details__img-box-img {
        height: 150px;
    }
    
    .blog-one__img {
        height: 150px;
    }
}