/**
 * Image Text Block Styles
 * Minimal CSS - most styling handled by Tailwind classes
 * GSAP handles all animation states - no initial opacity set here
 */

/* Hover effect for images */
.image-text-block .image-wrapper img {
    transition: transform 0.3s ease;
}

.image-text-block .image-wrapper img:hover {
    transform: scale(1.02);
}

/* Responsive: force column layout on mobile */
@media (max-width: 991px) {
    .image-text-block .row.flex-row-reverse {
        flex-direction: column !important;
    }
}