.pin-container {
    width: 100%
}
@media (min-width: 640px) {
    .pin-container {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .pin-container {
        max-width: 768px
    }
}
@media (min-width: 1024px) {
    .pin-container {
        max-width: 1024px
    }
}
@media (min-width: 1280px) {
    .pin-container {
        max-width: 1280px
    }
}
@media (min-width: 1536px) {
    .pin-container {
        max-width: 1536px
    }
}
.pin-w-32 {
    width: 8rem
}
@media (min-width: 768px) {
    .md\:pin-w-3\/5 {
        width: 60%
    }
    .md\:pin-w-96 {
        width: 24rem
    }
}
@media (min-width: 1024px) {
    .lg\:pin-w-2\/5 {
        width: 40%
    }
    .lg\:pin-w-80 {
        width: 20rem
    }
}
