/* Image style */
.image {
    max-width: 350px;
    height: 350px;
    overflow: hidden;
    border-radius: 20px;
    transition: all 0.8s ease;
}

.image img {
    width: 100%;
    scale: 1.2;
}

.image:hover {
    cursor: pointer;
    rotate: 1.7deg;
    scale: 1.02;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}


/* Index hero part styles */
.hero {
    height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    color: #232323;
    padding-left: 20px;
    padding-right: 20px;
}