/* Additional CSS fixes for image resolutions */

/* Package Block One Image */
.package-block_one-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px; /* Fixed height */
    display: flex;
    align-items: center;
    justify-content: center;
}

.package-block_one-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.6s ease;
}

.package-block_one-inner:hover .package-block_one-image img {
    transform: scale(1.1);
}

/* Package Block Two Image */
.package-block_two-image {
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Package Carousel */
.package-carousel .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Location Blocks */
.location-block_one-image {
    height: 250px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.location-block_one-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.6s ease;
}

.location-block_one-inner:hover .location-block_one-image img {
    transform: scale(1.1);
}

/* MEMORABLE travels section - Mobile view fix */
@media only screen and (max-width: 767px) {
    /* Reverse the order of the columns in the about section for mobile */
    .about-one .row {
        display: flex;
        flex-direction: column-reverse;
    }
    
    /* Ensure the image column (now at bottom) has proper spacing */
    .about-one_image-column {
        margin-top: 30px;
    }
    
    /* Make sure content is properly aligned and sized */
    .about-one_content-column {
        width: 100%;
    }
}