/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.image-hover {
    width: 300px; /* Chiều rộng của phần hình ảnh muốn hiển thị */
    height: 200px; /* Chiều cao của phần hình ảnh muốn hiển thị */
    overflow: hidden;
}

.image-hover img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease;
    object-position: top; /* Hiển thị phần đầu của hình */
}

.image-hover:hover img {
    object-position: bottom; /* Hiển thị phần dưới của hình khi rê chuột vào */
}