.img-container{
position: relative;
width:250px;
margin: 0 auto;
}

.img-container img{
width: 100%;
}

.img-container p{
position: absolute;
padding: 10px;
margin:0;
}

.img-container .yoga3-name {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
top: 128px;
right: 87px;
text-align: right;
font-weight: bold;
color: #000;
font-size: 16px;
}

.img-container .yoga3-date {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
left: 53px;
bottom: 80px;
color: #000;
font-size: 9px;
}

@media (min-width: 767px) {
.img-container{
width:500px;
}

.img-container .yoga3-name {
top: 263px;
left: 30px;
width: 300px;
text-align: right;
font-size: 33px;
}

.img-container .yoga3-date {
left: 105px;
bottom: 160px;
font-size: 19px;
}

}




.img-container .yogamane-name {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
top: 188px;
right: 75px;

text-align: right;
font-weight: bold;
color: #000;
font-size: 16px;

}

.img-container .yogamane-date {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
left: 22px;
bottom: 20px;
color: #000;
font-size: 9px;
}


@media (min-width: 767px) {
.img-container{
width:500px;
}

.img-container .yogamane-name {

top: 384px;
left: 30px;
width: 300px;
text-align: right;
font-size: 33px;
}
.img-container .yogamane-date {

left: 54px;
bottom: 60px;
font-size: 19px;
}


}