.info-container{
    cursor: pointer;
    overflow: hidden;
    position: relative;
    height: 240px;
}
.image-info{
    height:240px;
}
.inner-info-option{
    overflow: hidden;
}
.info-container .desc-info{
    text-align:justify;
    padding:10px;
    text-align:center;
    position:absolute;
    display: none;
    background-image: linear-gradient(to top,#000c, #0002);
    height: 100%;
    width: 100%;
}
.info-container .desc-info p{
    margin-top:45%!important;
}
.info-container:hover .desc-info{
    display: block;
    animation-name: descanimation;
    animation-fill-mode: forwards;
    animation-duration: 500ms;
}
@keyframes descanimation {
    from {bottom:-50%;}
    to {bottom:0%;}
}
.blog-category-link{
    padding: 3px 15px;
    color: black;
    font-family: 'Morabba';
    font-size:11px;
}
.blog-category-link:hover{
    color:white;
}
span.blog-title {
    z-index:20;
    position: absolute;
    right: 20px;
    top: 20px;
    font-family: 'Vanda';
    background-color: #ffd400;
    border-radius: 3px;
    font-size: 15px;
}
a.blog-archive-link {
    display: block;
    color: black;
    width: fit-content;
    margin-left: auto;
    margin-top: 2%;
    margin-bottom:2%;
    padding: 1% 2%;
    margin-right: 2%;
    background-color: #ffbc00;
    font-family: 'Morabba';
}
a.blog-archive-link:hover{
    color:white;
}
.inner-blog::after{
    background-image: linear-gradient(to top, #0005, transparent);
    background-color:none;
}
.desc-blog h3{
    font-size:18px;
}
.desc-blog p{
    font-size:15px;
    text-align: justify!important;
}
.container .inner-blog .desc-blog{
    padding:3%!important;
}