.partner{
    padding-block: 40px;
    @include Flex;
     flex-direction: column;
     position: relative;
    .top{
        padding-block: 50px;
        p{
            text-align: center;
            padding-inline: 20px;
            font-size: 16px;
            color: var(--darkGray);
        }
        img{
            position: absolute;
            top: 10%;
            left: 17%;
        }
    }
    .image_container{
        width: 100%;
        @include Flex;
        img{
            cursor: pointer;
            transition: ease-in-out .3s;
            margin-inline: 2.7vw;
            width: 8%;
            &:hover{
                scale: 1.2;
            }
        }
    }
}

@media screen and (max-width:800px) {
    .partner{
        .top{
            padding-block: 20px;
            p{
                font-size: 14px;
            }
            img{
                width: 10% !important;
                top: 0;
                left: 20%;
            }
        }
        .image_container{
            img{
                margin-inline: 2.7vw;
                width: 10%;
            }
        }
    }
}