.thanks {
    background: url("../images/thanks.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.thanks--container {
    padding: 100px 16px 200px;
    max-width: 1144px;
    margin-inline: auto;
}

@media screen and (min-width: 992px) {
    .thanks--container {
        padding: 150px 0;
    }
}

.thanks--content {
    padding: 32px;
    background: var(--beige);
    position: relative;
    border-radius: 16px;
    width: 100%;
    max-width: 550px;
    color: var(--dark-blue);
    display: flex;
    flex-direction: column;
    gap: 32px;
    text-align: center;
    align-items: center;
    transform: rotate(-3deg);
}

@media screen and (min-width: 992px) {
    .thanks--content {
        padding: 80px;
    }
}

.thanks--content p {
    line-height: 150%;
}

.thanks--content .stamp-container {
    position: absolute;
    right: 0;
    bottom: -50px;
}

@media screen and (min-width: 992px) {
    .thanks--content .stamp-container {
        right: -50px;
        bottom: -26px;
    }
}

.thanks--content .stamp-container .stamp {
    width: 100px;
    height: 68px;
    outline: 3px dashed var(--blue);
    background: var(--beige);
    transform: rotate(9deg);
}

@media screen and (min-width: 992px) {
    .thanks--content .stamp-container .stamp {
        width: 148px;
        height: 94px;
    }
}

.thanks--content .stamp-container .stamp img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.thanks--content .btn {
    text-wrap: nowrap;
}

.thanks .stamp-waves {
    position: absolute;
    top: 16px;
    right: 0;
    max-height: 46px;
    z-index: -1;
}

@media screen and (min-width: 992px) {
    .thanks .stamp-waves {
        display: block;
        max-height: 52px;
    }
}