.af {
    width: 100%;
    height: 90vh;
    display: grid;
    align-content: end;
    justify-self: center;
}

.title {
    padding-bottom: 40px;
    font-size: clamp(18px, 12vw, 180px);
    text-align: center;
    font-family: sans-serif;
    font-family: var(--ff), sans-serif;
}

.title s {
    font-feature-settings: 'dlig'on, 'ss01'on;
    text-decoration: none;
}

.mainImg {
    width: 100%;
    height: 400px;
    overflow: hidden;
    object-fit: cover;
}
.mainImg img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border: var(--brd);
}