﻿.casa-section{
    margin-top: 170px!important;
}

@media screen and (max-width: 1000px) {
    .casa-section h1{
        font-size: 28px;
    }

    .casa-section p{
        font-size: 14px;
    }
}

@media screen and (max-width: 768px){
    .casa-section {
        margin-top: 130px !important;
    }
}

.casa-cont{
    perspective: 1000px;
    overflow: hidden;
    border-radius: 10px;
}

.story-img {
    height: auto;
    width: 100%;
    border-radius: 10px;
    object-fit: contain;
    margin: 15px 0;
    transition: transform 0.5s ease;
}

.casa-cont:hover .story-img {
    transform: scale(1.1);
    filter: brightness(50%);
}