.picture-text {
    position: relative;
}

.centered {
  position: absolute;
  top: 27%;
  left: 30%;
  transform: translate(-5%, -50%);
}

@media (max-width:930px) {
    .centered {
        position: absolute;
        top: 27%;
        left: 25%;
        transform: translate(-5%, -40%);
    }
}

@media (max-width:520px) {
    .centered {
        position: absolute;
        top: 19%;
        left: 25%;
        transform: translate(-5%, -40%);
    }
}

@media (max-width:300px) {
    .centered {
        position: absolute;
        top: 14%;
        left: 25%;
        transform: translate(-5%, -35%);
    }
}

.main-text{
    font-family: 'Titillium Web', sans-serif;
    font-size: 2vw;
    line-height: 3vw;
    color: black;
}