.hero-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px; /* yazı ile resim arası boşluk */
}

.hero-img {
    width: 300px; /* ihtiyaca göre değiştir */
    height: auto;
}

/* İstersen ekstra efekt */
.left-img {
    animation: fadeInLeft 1s;
}

.right-img {
    animation: fadeInRight 1s;
}