body,.container{
    height:fit-content;
}
.main{
    background-image: url(../images/comics-img3.jpg);
    background-size: cover;
    background-color: rgb(95, 93, 93);
    background-blend-mode: multiply;
}
.main img{
    width:40%;
    box-shadow: 2px 2px 10px 2px #212121;
    transition: box-shadow 2s;
}
.main img:hover{
    box-shadow: 2px 2px 10px 2px #8f8f8f;
}

.about-txt h1:hover{
    color: #CE1212;
}
.about-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 97%;
    gap:4vh;
    margin: 1% 1%;
}
.about-1,.about-2,.about-3{
    display: flex;
    align-items: center;
    gap: 1vw;
}
.about-1{
    transform: translateX(-100vw);
    animation: slideinR 1.5s ease-in-out forwards;
}
.about-2{
    transform: translateX(100vw);
    animation: slideinL 1.5s 1.5s ease-in-out forwards;
}
.about-3{
    transform: translateX(-100vw);
    animation: slideinR 1.5s 3s ease-in-out forwards;
}
@media screen and (max-width:600px){
    .about-1,.about-2,.about-3{
        flex-direction: column;
    }
    .main img{
        width:80%;
    }
}