* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body, html {
      width: 100%;
      height: 100%;
      font-family: Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
 
	
	.yapimdayiz-resim {
      max-width: 100%;
      max-height: 100vh;
      height: auto;
      width: auto;
      object-fit: contain;
	  
	  }
	  .bilgiyazisi {
      margin-top: 20px;
      font-size: 1.5rem;
      color: black;
    }
	  
    @media (max-width: 768px) {
      .overlay-text {
        font-size: 2.5rem;
		width: 100%;
		height: 100%;
      }
    }
    @media (max-width: 480px) {
      .overlay-text {
        font-size: 2rem;
		width: 100%;
		height: 100%;
      }
    }