.ssect{
    display: flex;
    column-gap: 5%;
    width: 90%;
    margin-left: 5%;
    margin-top: 5%;
    margin-bottom: 3%;
}
.ssect1{
    width: 100%;
    height: 500px;
    border: 1px solid red;
    padding: 1%;
    border-radius: 5%;
}
.ssect1:hover{
    transform: translateY(-10px);
    transition: 0.5s;
    scale: 1.1;
    background-color: #f3525a;
    color: white;
}
.ssect1 img{
width: 100%;
}
.sset3{
    margin-top: 5%;
}
.sset3 p{
   padding: 5px; 
   margin-top: 2%;
}
@media(max-width: 800px){
    .ssect{
        display: block;
        column-gap: 5%;
        width: 90%;
        margin-left: 5%;
        margin-top: 15%;
        margin-bottom: 3%;
    }
}