.melhores-destinos p {
    font-family: "inter-medium";
     font-size: 20px;
     color: gray;
  }
/* Gallery top */
.hover {
    overflow: hidden;
    position: relative;
    padding-bottom: 60%;
}

.hover-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    transition: all 0.4s;
}

.hover img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
}

.hover-content {
    position: relative;
    z-index: 99;
}


/* Gallery 4  */
.hover-4 img {
    width: 110%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hover-4 .hover-overlay {
    background: rgba(0, 0, 0, 0.116);
    z-index: 90;
}

.hover-4-title {
    position: absolute;
    bottom: 0;
    padding: 3rem;
    /*z-index: 99;*/
    left: 0;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.559);
}


@media (min-width: 992px) {
    .hover-4-description {
        width: 50%;
    }
}

.hover-4:hover img {
    width: 100%;
    /*filter: blur(2px);*/
}

.hover-4:hover::after {
    opacity: 1;
    transform: none;
}

.hover-4:hover .hover-4-description {
    opacity: 1;
    transform: none;
}

.hover-4:hover .hover-overlay {
    background: rgba(0, 0, 0, 0.416);
}

.hover-4-description {
    position: absolute;
    top: 42%;
    left: 30%;
    padding: 0 1rem;
    z-index: 99;
    transform: translate(-30%, -42%);
    opacity: 0;
    transition: all 0.3s;
}


.hoverr {
    overflow: hidden;
    position: relative;
    padding-bottom: 60%;
    border-radius: 20px;
    border: 10px solid lightgray;
}

.hoverr-overlay-5 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    transition: all 0.4s;
}

.hoverr img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
}

.hoverr-content-5 {
    position: relative;
    z-index: 99;
}

/* Gallery 4  */
.hover-5 img {
    width: 110%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hover-5 .hover-overlay-5 {
    background: rgba(0, 0, 0, 0.116);
    z-index: 90;
    height: 150px;
}

.hover-5:hover img {
    width: 160%;
    /*filter: blur(2px);*/
}

.hover-5:hover::after {
    opacity: 1;
}

.hover-5:hover .hover-5-description {
    opacity: 1;
}

.hover-5:hover .hover-overlay-5 {
    background: rgba(0, 0, 0, 0.563);
}  


.hover-5-title {
    width: 100%;
    /*text-align: center!important;*/
    position: absolute;
    bottom: 65px;
    /*padding-left: 2rem;*/
    /*z-index: 99;*/
    /*left: 2%;*/
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.559);
}

.hover-5-description {
    position: absolute;
    top: 21rem;
    left: 9rem;
    right: 4em;
    text-align: right;
    padding: 0 1rem;
    z-index: 99;
    transform: translateY(-1.5rem);
    opacity: 0;
    transition: all 0.3s;
}

@media (max-width: 575.98px) {

    .hover-5-title {
        bottom: 110px;
        /*left: 32%;*/
        font-size: 2.1em;
    }
    
    .hover-5-description {
        top: 22rem;
        left: 11rem;
    }
   
}

@media (min-width: 576px) and (max-width: 767.98px) {

    .hover-5-title {
        bottom: 130px;
        /*left: 32%;*/
        font-size: 2.5em;
    }
    
    .hover-5-description {
        top: 22rem;
        left: 9rem;
    }
  
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .hover-5-title {
        bottom: 160px;
        /*left: 38%;*/
        font-size: 2.5em;
    }
    
    .hover-5-description {
        top: 27rem;
        left: 9rem;
    }
   
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .hover-5-description {
        width: 100%;
    }
    .hover-5-description {
        position: absolute;
        top: 17rem;
        left: 6rem;
        right: 4em;
        text-align: right;
        padding: 0 1rem;
        z-index: 99;
        transform: translateY(-1.5rem);
        opacity: 0;
        transition: all 0.3s;
    }
   
}