@charset "UTF-8";
.albums {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap:2rem;
}

.albums img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 8px;
}

.albums figure {
    position: relative;
}

.albums figure > a {
    border-radius: 8px;
    overflow: hidden;
}

.albums figure svg {
    position: absolute;
    top: 20px;
    left: 20px;
}

.albums figure figcaption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    min-height: 50%;
    color:#ffffff!important; 
}

.albums figure figcaption a{
    color:#ffffff;
    font-family: 'barlow';
    font-weight: bold;
    font-size: 1.2rem;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    width: 100%;
    padding: 20px;
    text-transform: uppercase;
    position: absolute;
    bottom: 8px;
    left: 0px;
    height: auto;
    height: 100%;
    display:flex;
    justify-content: flex-start;
    align-items: flex-end;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}