.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-6a5dde0:#FFF627;--e-global-color-5f4045a:#000000;--e-global-color-d0c4422:#FFF7EDC7;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-d0c4422 );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Hover Effect</title>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f4f4f4;
        }

        .image-container {
            display: flex;
            gap: 10px; /* Space between images */
            overflow: hidden; /* Prevent layout overflow */
        }

        .image-container img {
            width: 30%; /* Default width */
            height: auto; /* Maintain aspect ratio */
            object-fit: cover; /* Prevent distortion */
            border: 2px solid #ddd; /* Simple border */
            border-radius: 10px; /* Rounded corners */
            transition: transform 0.4s ease, box-shadow 0.4s ease; /* Smooth hover effect */
        }

        .image-container img:hover {
            transform: scale(1.1); /* Slight zoom-in effect */
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* Add shadow on hover */
        }
    </style>
</head>
<body>
    <div class="image-container">
        <img src="https://pink-whale-241848.hostingersite.com/wp-content/uploads/2025/01/centre.png" alt="Image 1">
        <img src="https://pink-whale-241848.hostingersite.com/wp-content/uploads/2025/01/left.png" alt="Image 2">
        <img src="https://pink-whale-241848.hostingersite.com/wp-content/uploads/2025/01/MAD-square.png" alt="Image 3">
    </div>
</body>
</html>/* End custom CSS */