/* Enhanced image quality styles */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* High quality image display */
.img-fluid, .tour-list-img img, .place-img img {
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    filter: contrast(1.05) brightness(1.02) saturate(1.1);
    -webkit-filter: contrast(1.05) brightness(1.02) saturate(1.1);
    transition: all 0.3s ease;
    transform: translateZ(0);
    backface-visibility: hidden;
    max-width: 100%;
    height: auto;
}

/* Container optimization with fixed dimensions */
.place-img, .tour-list-img, .service-img {
    overflow: hidden;
    background-color: #f8f9fa;
    border-radius: 8px;
    min-height: 250px;
    position: relative;
}

.place-img {
    height: 300px;
}

.tour-list-img {
    height: 250px;
}

/* Slide images with proper sizing */
.slide-images {
    height: 300px;
    overflow: hidden;
}

.slide-images img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    filter: contrast(1.05) brightness(1.02) saturate(1.1) !important;
    -webkit-filter: contrast(1.05) brightness(1.02) saturate(1.1) !important;
    min-width: 100%;
    min-height: 100%;
}

/* Hover effect for better interaction */
.img-fluid:hover, .tour-list-img img:hover, .place-img img:hover, .slide-images img:hover {
    filter: contrast(1.1) brightness(1.05) saturate(1.15) !important;
    -webkit-filter: contrast(1.1) brightness(1.05) saturate(1.15) !important;
    transform: scale(1.02) translateZ(0);
}

/* Card image enhancement */
.card-img img {
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    filter: contrast(1.05) brightness(1.02);
    -webkit-filter: contrast(1.05) brightness(1.02);
    object-fit: cover;
    width: 100%;
    height: 100%;
}